Ionic-framework: Infinite scroll doesn't work on iOS

Created on 30 Mar 2017  路  18Comments  路  Source: ionic-team/ionic-framework

Ionic version: (check one with "x")
[ ] 1.x
[x ] 2.3.0

I'm submitting a ... (check one with "x")
[x ] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior:
Infinitivie scroll doesn't work on iOS.
It worked on 2.0.1

Expected behavior:
It should work as expected on iOS

Cordova CLI: 6.5.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.4
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Linux 4.4
Node Version: v6.9.5
Xcode version: Not installed

Most helpful comment

Yes - this currently blocks from upgrading to 3.x for us.

All 18 comments

It works well on 2.2.0, it's only failing on 2.3.0

"A is B. A should be A."

This is how it sounds. I believe you should provide more explanation :)

I suspect that (ionInfinite) output is not emitted when it should. I didn't spend much time debugging just launched on iOS with 2.2.0 and it works while on 2.3.0 with the same code it doesn't.

Your issue might be related with this

I had the same issue and downgraded to 2.2.0. In my case ionInfinite was actually being triggered but content was positioned incorrectly so I saw a blank page. Applying below CSS fixed it. I don't know if it is the same problem for you though.

    .scroll-content {
        transform: none !important;
    }

It's not the same problem, however the issue which you mentioned is exactly what I'm experiencing. Currently downgrading to 2.2.0 solves the issue.

Also experiencing this issue. 馃憤

I have the same issue on ionic 2.3.0, v 2.2.0 works good

Same problem here.

Got some advise from North McCormick on Slack to use wkwebview
https://github.com/driftyco/cordova-plugin-wkwebview-engine#installation-instructions

And can confirm that its working as a temporary workaround

same problem. ionic3.0 and 2.3 work on chrome but not work on ios device.(I build by add prod)
2.3 and 3.0 have this problem.so I just update to 3.0 the problem still make page block when I try to scroll page, so i back to 2.2 now. sad day.

Yes - this currently blocks from upgrading to 3.x for us.

I didn't notice it was a UIWebView only issue.

I am working in a good fix for UI right now. But in the meantime, what is stoping you to use WKWebView? We have plans to deprecate UI very soon, making WK the default option.

Still having this issue in 3.0.1

Can people confirm if it's working on 3.0.1?

Resolved for me with 3.0.1 !

mmmm weird, with 3.0.1 works only once on device while in web works fine

Try:
<ion-infinite-scroll [threshold]="'500%'"(ionInfinite)="doInfinite($event)"></ion-infinite-scroll>
It works for me

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Was this page helpful?
0 / 5 - 0 ratings