[
https://issues.apache.org/jira/browse/CB-13448?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16206091#comment-16206091
]
jcesarmobile commented on CB-13448:
-----------------------------------
Do you have viewport-fit=cover in your meta tag?
Does it happen if you test it in Mobile Safari?
> css safe-area-inset-top is 20px on non-iPhone X landscape
> ---------------------------------------------------------
>
> Key: CB-13448
> URL: https://issues.apache.org/jira/browse/CB-13448
> Project: Apache Cordova
> Issue Type: Bug
> Components: cordova-ios, cordova-plugin-statusbar
> Affects Versions: [email protected]
> Environment: iPhone 7, iOS 11.0.3
> Reporter: Jesper van den Ende
> Assignee: Suraj Pindoria
>
> the css constant 'safe-area-inset-top' appears to be correct in the iPhone X
> simulator.
> On other devices running on iOS 11 however, it seems to be returning
> incorrect values.
> I'm getting 20px when holding my iPhone 7 in landscape, and 0px when holding
> my phone in portrait.
> This seems incorrect to me since the status bar is hidden in landscape, and
> visible in portrait. So I'd expect it to be the other way around, 20px in
> portrait and 0px in landscape.
> In these screenshots I've created a square with css rule `top:
> constant(--safe-area-inset-top);`
> portrait:
> !https://i.imgur.com/bkweyB4.png!
> landscape:
> !https://i.imgur.com/i9VdpjD.png!
--
This message was sent by Atlassian JIRA
(v6.4.14#64029)
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
