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.

v4.0.0-alpha.8: does not comply with statusbarPadding

See original GitHub issue

Bug Report

Ionic Info Using @ionic/core version 4.0.0-alpha.8 directly from npm / unpkg CDN. Chromium and Firefox browsers

Describe the Bug Ionic retrieves some configuration options from the location query parameters that start with ionic:. In particular, ionic:statusbarPadding=true adds a top margin to account for the mobile status bar / notch (iPhone X). But in version 4.0.0-alpha.8, this configuration option is no longer applied.

Steps to Reproduce

  1. Go to https://beta.ionicframework.com/docs/api/action-sheet/
  2. In "ios" mode (as default), the top toolbar displays behind the mobile simulator notch.

It was working fine in previous versions, e.g. in 4.0.0-alpha.7: https://beta.ionicframework.com/docs/api/4.0.0-alpha.7/action-sheet

Related Code Direct link to demo app: https://beta.ionicframework.com/docs/content/api//action-sheet-demo.html?ionic:mode=ios&ionic:statusbarPadding=true With a Plunker: https://plnkr.co/edit/Iy74e71fNDoiYPm7VcBo?p=preview (includes an iframe calling a 2nd HTML page so that we can set the option in the src query params)

Expected Behavior When the location includes the query parameter ionic:statusbarPadding=true, the App should add an extra top margin to account for the device status bar / notch.

Additional Context None.

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
brandyscarneycommented, Aug 16, 2018

This should be fixed in beta.3. I updated your sample demos and I see it working now so I am going to close this. Please let me know if you’re still seeing issues though, thanks!

1reaction
silveriocommented, Jul 25, 2018

Same issue on beta.0

I made a fresh install of the tabs app, both nav bar and tabs rendered without the proper padding on an iPhone X.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap v4.0.0-alpha.6 navbar not styling - Stack Overflow
I believe that missing the 'navbar-toggleable-*' class is causing your nav-items to not be aligned horizontally. To follow the example they ...
Read more >
Source - GitHub
**vue:** Support for child routes nested inside of tabs has been removed to better conform to Vue Router's best practices. Additional routes should...
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