Skip to content

bug: Address bar does not hide when scrolling #30808

@johnmckay-reward

Description

@johnmckay-reward

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

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

Expected behavior:
When a user scrolls it should hide the address bar and the bottom tab bar.

Other information:

I noticed that this has been raised as a bug multiple times, the last time in 2019, and close as won't fix in 2021. - #19081

I am wondering if the situation is different in 2025?

I would be happy to jump into the code and try and figure one out, if somebody could point me towards where the main issues are? Or is this a fundamental issue with the framework?

Cheers, John

Steps to Reproduce

  1. Open an Ionic app on a mobile device
  2. Start scrolling
  3. The browser controls don't go away

Code Reproduction URL

https://any-ionic-app.com

Ionic Info

Happy to dive into the code and have a go at fixing it, if someone can tell me where to look?

Additional Information

Happy to dive into the code and have a go at fixing it, if someone can tell me where to look?

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions