feat: Overlaying Status Bar
See original GitHub issueFeature Request
Ionic version:
[x] 5.x
Describe the Feature Request
There should be an option to set for status bar to overlay content on the status bar on iOS. Because if i dont add ion-header
to that page, on iPhone X and above will overlay the content behind the status bar. For cordova there’s a config that can be done on the config.xml to fix this issue, but not for capacitor. Screenshot below:
Cordova
Capacitor
Describe Preferred Solution
It would be ideal to add something like <ion-content [overlayStatusBar]="false">
Issue Analytics
- State:
- Created 3 years ago
- Comments:10 (3 by maintainers)
Top Results From Across the Web
Allow to overlay status bar over WebView · Issue #1876 · ionic ...
Hello, is it possible to make the status bar transparent or translucent like the image below with the current plugin? Thanks!
Read more >android - Status bar overlay Toolbar after repacing a fragment
On the first fragment, it worked normally as I expected. On the second one, the toolbar was overlaid under status bar. enter image...
Read more >Status bar overlay | Framework7 v1 Documentation
This "statusbar-overlay" div is always fixed on top of screen and hidden by default. It becomes visible only when app is in full...
Read more >Statusbar - Supported Plugins - Ionic.io
The Status Bar plugin provides the ability to customize the appearance of the native ... Make the statusbar overlay or not overlay the...
Read more >Status Bar - Gaea Documentation - QuadSpinner
Status Bar - Official documentation and reference for QuadSpinner Gaea, the industry's most loved terrain design tool for VFX, games, ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Thanks for the clarification. I think this is out of scope for Ionic Framework, which is just the UI layer. We do not have control over how the WebView itself overlays the Status Bar. I recommend opening an issue on https://github.com/ionic-team/capacitor.
I am going to close this as there is nothing actionable to be done in Ionic Framework right now.
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.