Ionic deployed on mobile website doesn’t hide address bar and bottom bar of the browser when scrolling down.
This is VERY IMPORTANT for the user experience because losts 20% of the screen. In all websites it disappears when scrolling down
There are a lot of people waiting you resolve this issue since years ago in Ionic forum, Stack Overflow and Github but there aren’t answer of your team.
¿Are you going to resolve it any day?
Best regards
Look at Progressive Web Apps, specifically settings inside the manifest.json file. These can give a web app a more native app like experience.
The manifest.JSON just works when installed onto a user’s mobile device or desktop. I would like to hide browser elements like address bars and back/forward buttons when the webapp IS NOT installed.
When I visit the webapp with a browser like safari, chrome or firefox these elements are visible
¿Is possible to hide it?
Just my personal opinion, but I think that the current situation is not a bug, but in fact a very deliberate (and reasonable) design decision.
Users hate surprises. Users hate inconsistency. Users hate having control taken away from them.
Launching new webviews with address bars and navigation controls inaccessible triggers all three of these. The compromise that UX specialists have come up with is that some user-initiated action indicating informed consent to fullscreen launch is mandatory. One such action is “installing the PWA to the home screen”, which is why this works for PWAs and not ordinary websites.
In this case it’s a surprise to the users that Ionic-based websites actually disable the standard behavior of mobile browsers, which is: hide the scrollbar when scrolling down, show it when scrolling up.
So Ionic team’s continuous denial to fix this issue is actually very frustrating.
One of the most common arguments from the Ionic team to not fix the issue is: it’s technically tough. But this makes me personally doubt the technical excellence of the team and/or their commitment to the product.
The answer is simple.
I’m not fixing it myself because I don’t own the product AND it would be a big change which is likely to be rejected by the owners — esp. given the attitude of the team who don’t see it as an issue despite tons of bug reports and comments.
Your comment has just demonstrated the attitude 
Besides, I’m not complaining, I’ve just stated the facts as a short summary.
You can lookup the number of reports from lots of people. To name just a few:
All threads/reports get closed as “not an issue”.
The “Not an issue” is disabling STANDARD auto-hiding of address bar when scrolling on mobile browsers, which takes up to 10% of vertical space. And this decision comes from the team who design a mobile-first product.
If I would have read that “we don’t have time to fix this” or something in that manner, then I would most probably think about creating a merge request for this (and other) issues, but with the current argumentation — including your comment — it wouldn’t be a good investment from my side
Thanks for your opinion anyway.
Hello @LookAndEat,
is there any update to this?
We are in v7 now and the issue is still relevant to a lot of users.
Thanks!
Is there any update on this?
we are in v8 and still not have any solution.
Ionic team please look into this one cause of this my app is having negative feedback from the users.
thanks.