ionic-framework: bug: Address bar does not hide when scrolling
Bug Report
Ionic version: [x] 4.6.2
Current behavior:
When scrolling in a mobile device’s browser, the address bar and bottom tab bar remain visible. This is because we are scrolling the ion-content and not the body.
Expected behavior: When a user scrolls it should hide the address bar and the bottom tab bar.
Other information: A common solution to this problem Forum thread on the same topic.
About this issue
- Original URL
- State: closed
- Created 5 years ago
- Reactions: 10
- Comments: 25 (4 by maintainers)
This si very important also for me. Please try to fix this. Maybe something like passing the scroll event from ion-content to the browser to be detected?
Hi, is there an update of the current state of this problem?
Unfortunately, I think they’re avoiding the issue. Now I’ve been asking for a fix on this for months but still nothing. In mobile the site is really ugly, very old-style, with the scroll that often hangs on iOS. I posted the bug also here https://github.com/ionic-team/ionic/issues/19543 last October but they just close it saying “no solution at the moment”. Seems users are asking for it since 2017 https://github.com/ionic-team/ionic/issues/6168. If the problem is related to ion-content why not providing a way to convert it to body in case of building for browser? Angular has no that problem it means there is for sure a solution! I know they’re working hard.They also released Ionic for React not long ago, but since they sell Ionic as an all-inclusive solution this makes me laugh a bit, because it’s absolutely not usable on mobile browser.
Any update on this. I think it is a very important issue. Please fix this issue as soon as possible.
Check here: https://ibb.co/GHYr4NL
I’m also experiencing this issue. Any possible solution? Looks really bad on the mobile web browser compared to other mobile apps…