Whenever I update a part of my model that is connected to my view, my page automatically scrolls. I suspect that the page scrolling is triggered by the view updates. How can I stop this from happening?
For instance, here is an example involving a dropdown menu. Each time an item in the dropdown is selected, the model gets updated and causes the page to scroll:
<div class="header_item btn-group" dropdown is-open="dd8.isopen">
<button type="button" class="btn btn-primary dropdown-toggle" ng-disabled="disabled">
<span>{{a.Summaries[a.summaryIdShown].AgeSpecified}}</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu accordion_item" role="menu">
<li><a href="#" ng-click="a.Summaries[a.summaryIdShown].AgeSpecified='Adult'">Adult</a></li>
<li><a href="#" ng-click="a.Summaries[a.summaryIdShown].AgeSpecified='Pediatric'">Pediatric</a></li>
<li><a href="#" ng-click="a.Summaries[a.summaryIdShown].AgeSpecified='Both'">Both</a></li>
</ul>
</div>
I would greatly appreciate any help on resolving this issue.