v4.0.0-alpha.8: does not comply with statusbarPadding
See original GitHub issueBug 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
- Go to https://beta.ionicframework.com/docs/api/action-sheet/
- 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:
- Created 5 years ago
- Comments:10 (6 by maintainers)

Top Related StackOverflow Question
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!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.