Ionic-framework: Ionic deployed on mobile website doesn't hide address bar when scrolling down

[yosikal]

This issues concerns deploying Ionic as mobile website. When scrolling down a long item the Safari/Chrome address bar does not hide.

[jgw96]

Hello! Thanks for opening an issue with us! I have been able to confirm this issue and will now look further into it.

[michaelgeorgeattard]

Any updates on this please?

[alexmgrant]

I believe the issue is caused by how ionic handles scrolling. It's within an absolute position dom element so the native browser chrome does not know the user has in fact scrolled down. This is me testing on latest ios safari & ionic 2.

[jgw96]

Hello, all! As this would require significant changes to our ion-content element for what would be little gain I am going to close this issue for now as a not fix. Thanks for using Ionic everyone!

[osamasoliman]

I have the same problem on chrome mobile browser with my ionic app as a PWA here:

Dawaey Ionic PWA

[alexmgrant]

Since there is no fix incoming, can anyone suggest fix that has dealt with this? Solutions I have found thus far are less than ideal.

[amir-shah]

Hello, any updates on this?

[LeonardoGuimaraes]

Any update?

[NativeDigitalLab]

Any Update? Or a workaround to achieve this?

[NativeDigitalLab]

We use on our project Ionic for apps and mobile web. It would be very helpful if we could achieve this with a workaround.

[brandoncorbin]

I don't have a solution - The address bar only hides when the body is scrolled - since ion-content if fixed and handles scrolling the body never gets scrolled. I wonder if you could tap into the ion-content scroll event, and trigger some body scrolling...

[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.