Ionic-framework: bug: ion-content: Scroll not working for android 4.4.2.

[fasilpv]

Type: bug

Ionic Version: 1.x

Platform: android 4.4 webview

Hi there,

This is my structure

ion-content -> ion-list -> ion-item -> div -> div.

I am using ng-repeat as well.

I can see the ionic scroll working on Android 5.1.2 version, but the same is not working for Android version 4.4.2. Am I missing something? Is this a known issue?

This is ionic info

Cordova CLI: 5.4.1
Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.0
Ionic Version: 1.2.4
Ionic CLI Version: 1.7.13
Ionic App Lib Version: 0.6.5
ios-deploy version: 1.8.4
ios-sim version: 5.0.6
OS: Mac OS X El Capitan
Node Version: v4.2.4
Xcode version: Xcode 7.1 Build version 7B91b

Thanks

[HanxiongShi]

+1

[CarlosAmaral]

+1

[phodal]

I have a scroll issue, and I try to downgrade ionic to 1.2.3. And I found the bug was fixed.

[CarlosAmaral]

overflow-scroll:false in the ion-content worked for me. Try that.

[fasilpv]

That did not work for me. But, it worked when I removed the style 'display: table !important;' from .scroll-content. Thank you.

[Moes3s]

+1. Works fine on 5.1.1 and iOs 9

Edit: Fixed, updated to 1.2.4.

[varunis]

Setting overflow-scroll="false" worked for me too. Thanks @CarlosAmaral !

[CarlosAmaral]

You're welcome @varunis

[cnyunguo]

@varunis thanks 谢谢你解决了我的问题

[ghost]

@All, overflow-scroll="false" in ion-content worked for me for android 4.4

[kevinokeyo]

overflow-scroll="false" in ion-content worked for me too thanks @CarlosAmaral

[adrianoresende]

+1
overflow-scroll="false" worked for me but this has bug in browser too

[danbucholtz]

Hi @fasilpv,

Can you provide a codepen or plunkr? I cannot recreate with this:

<ion-content overflow-scroll="true">
      <!--<ion-refresher on-refresh="doRefresh()">

      </ion-refresher>-->
      <ion-list>
        <ion-item ng-repeat="item in items">
          <div>
              <div>{{item}}</div>
          </div>
        </ion-item>
      </ion-list>
    </ion-content>

[jgw96]

Hello! As it has been a little while since there was any activity on this issue i will be closing for now, but, if you are able to get that codepen/plunkr together feel free to comment!

[giogit]

The issue is still present with Android 4.3 (api 18). You can reproduce it also on AVD.
The workaround (overflow-scroll="false" on ion-content) solve the problem.

These are environment data:
Cordova CLI: 6.1.1
Gulp version: CLI version 3.8.11
Ionic Version: 1.3.0
Ionic CLI Version: 1.7.14
Ionic App Lib Version: 0.7.0
AVD with Android 4.3 (api 18)

Thanks

[jgw96]

Hello @giogit ! Would you mind trying Crosswalk with your app? Although we support Android 4.3 we do recommend using Crosswalk if you plan on your app supporting it.

[giogit]

I've just updated my original post, because I made a mistake: if I set overflow-scroll="false" on the ion-content element, the scrolling works on Android 4.3.
I will do some regression test on other platforms.
Thank you for prompt reply!

[jgw96]

@giogit No problem! If you run into any issues on other platforms feel free to let me know!

[alacret]

Happend to me right now in Android 4.4 - api-19 in the emulator, and Galaxy s4 with Android 4.2 and Galaxy S3 mini with Android 4.2: overflow-scroll="false" does not work for me

[freddiescott]

If I set the overflow-scroll="false" then I'm unable to tap/click a button on android 4.2, emulators and real devices.

[dovk]

I found that placing overflow-scroll="false" in <ion-content> and defining <ion-scroll> as
<ion-scroll scrollX="true" scrollY="true" style="margin:17rem; position:fixed; display:inline; top:0; right:0; bottom:0; left:0; white-space: nowrap;"> helped... However, in my case - I cannot simply swipe up or down wherever I want. If there are any input elements along the way, it does not work. But if I swipe where there are no input elements, like on the side where the scroll bar was, it scrolls. So I decided to display the scroll bar again, and if you use the scroll bar - it works. Not great, but it'll pass for now.

[ionitron-bot[bot]]

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.