question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

feat: Overlaying Status Bar

See original GitHub issue

Feature 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 image

Capacitor image

Describe Preferred Solution

It would be ideal to add something like <ion-content [overlayStatusBar]="false">

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
liamdebeasicommented, Feb 24, 2021

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.

0reactions
ionitron-bot[bot]commented, Mar 26, 2021

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found