Ionic deployed on mobile website doesn’t hide address bar and bottom bar of the browser when scrolling down

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.