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.
Hi, is there an update of the current state of this problem?
Any update on this. I think it is a very important issue. Please fix this issue as soon as possible.
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?
I'm also experiencing this issue. Any possible solution? Looks really bad on the mobile web browser compared to other mobile apps...
Hi guys, any timeframe or estimates on this? personally have used ionic since its first version, and even got along with the fact that I had to rewrite my app code every now and then, but at this point, with clients wanting fully functional PWA, this is becoming a must-have for us and we need to take a decision to keep ionic or move to something else, one last question, is it possible to get its solved through the ionic professional services?
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.
HI, anyone can provide screenshot or any link for me to see?
HI, anyone can provide screenshot or any link for me to see?
Check here: https://ibb.co/GHYr4NL
The worst thing is when also using the toolbar, because then we have toobar + browser search bar that doesn't hide...
I have build a PWA with Angular only, its so clean and everything just works smoothly... Its a pity using Ionic brings these kind of drawbacks.
I have build a PWA with Angular only, its so clean and everything just works smoothly... Its a pity using Ionic brings these kind of drawbacks.
This is not a good solution if you want to target Google Play and Apple Store.
I have build a PWA with Angular only, its so clean and everything just works smoothly... Its a pity using Ionic brings these kind of drawbacks.
This is not a good solution if you want to target Google Play and Apple Store.
Yes that true. But if it is possible to have a wonderful PWA with Angular, it means we can teach it also on Ionic since it is based on Angular
Please guys, share this thread to all the Ionic users you know and ask them to add a like to the thread so we can let the development team know about that big issue
I have build a PWA with Angular only, its so clean and everything just works smoothly... Its a pity using Ionic brings these kind of drawbacks.
This is not a good solution if you want to target Google Play and Apple Store.
I use Ionic for Apps that I want to have in the appstore, but this is not always needed.
I mentioned one where I just use Angular because its a great example of how Angular works perfectly for mobile web and mobile wep-apps, and Ionic on top of it reduces this functionality.
Yes, this is really a big issue and I am also badly need this feature. or otherwise I am going to say bye bye to Ionic ;(
Yes, this is really a big issue and I am also badly need this feature. or otherwise I am going to say bye bye to Ionic ;(
Hi @axebelk what options are you considering? seems like for app store deploy is ionic, react or native?
Yes, this is really a big issue and I am also badly need this feature. or otherwise I am going to say bye bye to Ionic ;(
I don鈥檛 really understand why the authors still avoiding this issue. I asked for a solution 1 year ago!!
for website, u can hide the toolbar and tab-bar based on platform
using https://ionicframework.com/docs/angular/platform.
Do anything show hide based on the platform.
for website, u can hide the toolbar and tab-bar based on platform
using https://ionicframework.com/docs/angular/platform.
Do anything show hide based on the platform.
That鈥檚 not what requested, toolbar is not the browser status bar and footer that for example in Safari are hidden and shown based on scrolling
Yes, this is really a big issue and I am also badly need this feature. or otherwise I am going to say bye bye to Ionic ;(
Hi @axebelk what options are you considering? seems like for app store deploy is ionic, react or native?
I am consider to use React JS and React native for app development. :)
@liamdebeasi can we get the update?
I do not have an update at the moment. We will be sure to post here when we have more to share. Thanks!
Most helpful comment
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?