The ionInfiniteScroll directive is looping on ios

[pixnlove]

Hello,

When I'm launching my Ionic app on Safari mobile, the infinite scroll function is looping when i'm returning to the specific view. You can see the error :

In my template, after the ion-list markup :
<ion-infinite-scroll on-infinite="loadMore()" distance="1%"> </ion-infinite-scroll>

In my controller :

    $scope.items = [];
    $scope.loadMore = function() {
        $http.get('/api/list.json').success(function(data) {
            var i = 0;
            data.items.forEach(function(item){
                i++;
                $scope.items.push(item);
            });
            $scope.$broadcast('scroll.infiniteScrollComplete');
        });
    };

This error occurs only on iphone 5 (v8.1.1) default browser (Safari) but not in Chrome.
For information, i'm working with the latest version of Ionic : 1.0.0-beta.13.
Thanks for your help.

[adamdbradley]

And this is with beta13, and not the latest nightly builds that are in master?

[pixnlove]

I tried with your latest build, but the error is still there on iphone 5 with version 8.1.1 and 8.1.2(12B440) but not on iphone 6 with version 8.1.2(12B440).
My Bower file looks like :

{
  "name": "mobile-app",
  "private": "true",
  "dependencies": {
    "angular-http-auth": "~1.2.1",
    "fontawesome": "~4.2.0",
    "ionic": "git://github.com/driftyco/ionic.git#f2705c637616ec08a3e4164174167797b8f499a4",
    "angular-resource": "~1.3.0",
    "underscore": "~1.7.0"
  }
}

[perrygovier]

@pixnlove, it sounds like a race condition. Are there any $watches or other broadcasts going on in the app? I'm having trouble reproducing the error.

[felquis]

Hi @perrygovier it looks like the problem related in the forum http://forum.ionicframework.com/t/ion-infinite-scroll-is-looping-after-state-change-before-infinitescrollcomplete/19609

[pixnlove]

This is the same problem I have reproduced a few weeks ago. Thanks for the help and sorry for the late response.