Hi,
I am testing my App on iPhone and i noticed a annoying bug while scrolling.
I have these relatively long lists of photos.
Lets say i have photo 1 + 2 in view, then i scroll down and click photo 9 when i comes into view but is still scrolling up slowly, then i en up navigating to photo 1 or 2.
If i wait a little until it has stopped scrolling (decelerating), then it works just fine.
Everything i rendered when the view is loaded, no infinity scroll og lazy loading of any kind.
It also works fine on Android and in the browser.
If anyone can give me a hint, so i know where to start looking, then I would be grateful.
Right now i don’t know where to begin.
<div class="row row-wrap no-padding">
<div class="col no-padding" ng-repeat="family in superFamily.Categories track by family.Id" ng-show="!family.filtered" ng-class="{'col-50': !family.ShowFullWidthPhone || isLandscape, 'col-100': family.ShowFullWidthPhone && !isLandscape}">
<a href="#/app/home/{{::superFamily.Id}}/{{::family.Id}}">
<div class="img-wrap">
<img ng-src="https://reefapp.net/lex/image/{{::photoSize(family.ShowFullWidthPhone)}}/{{::family.ImageId}}.jpg">
</div>
<div class="info-wrap" ng-class="{odd: (family.ShowAlternateColorPhone && !isLandscape) || (isLandscape && $index % 2 == 1)}">
<h2>{{::family.CommonName}}</h2>
<p>{{::family.Name}}</p>
</div>
</a>
</div>
<div class="col no-padding centered" ng-if="isAllFiltered()">
<h3>{{'GLOBAL_ALL_FILTERED_HEADER' | translate}}</h3>
<p>{{'GLOBAL_ALL_FILTERED_TEXT' | translate}}</p>
<p>
<a ng-click="resetFilters()">{{'GLOBAL_ALL_FILTERED_RESET' | translate}}</a>
</p>
</div>
</div>