Ionic-framework: Android - scrollbar visible even when there is no scroll possible

Created on 7 Dec 2013  路  30Comments  路  Source: ionic-team/ionic-framework

As you can see on the screenshot below, the scrollbar appears on Android all the time.

everything is fine on iOS/chrome

screenshot_2013-12-06-18-57-23

Most helpful comment

A quick solution (add this to your custom css file:
.overflow-scroll{overflow-y:auto;}
Ionic 1.3.1 and the the scroll bar is still there even though the area is not scroll-able.
The problem is in the "ionic.css" file. please set the overflow-y property to "auto".

All 30 comments

I believe this was fixed. Please re-open if the issue still exists. Thanks!

Sorry for the late response, I just tested with the latest CSS, I stil have the scrollbar.

Cannot reopen the issue.. Could you please?

@dbaq could you try with ionic v0.9.23? And what device are you testing on? (looks like a Nexus of some sort)

I was not able to reproduce on my Nexus 5. When I have access to an older Android device next week I'll test again.

Could not reproduce on any Android or iOS device

I have this problem on Android device after updating to newest Ionic 1.2. Scrollbar has also lower z-index (is underneath) several UI elements like input and ion-radio.

Today I meet the same problem on Android device. my ionic was 1.2.1

Today I have upgraded to 1.2.1 and I have the same issue.

Having this issue after upgrading to 1.2.4 from 1.0.1

Having the same issue after upgrading to 1.2.4 from 1.1.0

still having this issue after upgrading to 1.2.4.

This only happens on android 4.4.2. Could not see the same issue on 5.x.x onwards

Same in 1.2.4

Same here with ionic 1.2.4 on Android 4.4.2 and 5.1. Any idea why?

Try installing Crosswalk might solve the problem. I had similar issues with the default Android webview, but switching to Crosswalk seems to fix it.

I am also facing this problem, using ionic 1.2.4, iOS is fine, but, always visible scrollbar on Android.

I have the same problem, I just update to pointing to master

I have the same issue with Ionic since Ionic 1.2.1 in android 4.4.2 and 5.1.1

Installing crosswork solved my problem锛宨f that's not your option, maybe you should disable native scrolling temporarily

I've also got the same issue. Android 5.1.1 and Ionic 1.2.4. Installing crosswalk didn't help, and with crosswalk allot of my debugging wasn't showing either :/

I am having the same problem when I view the app with Ionic Lab.

Any news on this one? I have the same issue with the latest ionic and xwalk

Only happens with native scrolling (overflow-scrolling="true")

Still the same for me, the user has to tap on the content to hide the scrollbar. Any news about this ?

Maybe the problem is that this issue is closed.
@brandyscarney Could you please review and reopen this? A lot of people have this issue.

Hello @smajl what version of android are you having this issue on? Also do you have a good minimal example we can use to repro this issue? Thanks!

Ionic 1.3.1 / Android 4.4.2 have this issue to

@jgw96 Sorry, didn't have time to catch up with our mobile app till today.

Ionic 1.3.1 (just upgraded) / Android 4.4.2

Sorry, don't have minimal example, but this bug is present immediately on our login page which is simple ion-view with ion-content and footer bar. No overflowing content but scrollbar permanently visible. After I focus an input (and keyboard appears), the scrollbar disappears and is not visible even when scrolling (the now overflowing content). Appears again after bluring input and hiding keyboard.

A quick solution (add this to your custom css file:
.overflow-scroll{overflow-y:auto;}
Ionic 1.3.1 and the the scroll bar is still there even though the area is not scroll-able.
The problem is in the "ionic.css" file. please set the overflow-y property to "auto".

Hi everyone. Experiencing this too with ionic 1.3.1 and Android 5+ & 6+.
Please see also https://forum.ionicframework.com/t/overflow-scroll-ion-content/1382/12, regarding setting overflow-y to auto.

.overflow-scroll{overflow-y:auto;} worked for me. thanks

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