[
https://issues.apache.org/jira/browse/CB-13448?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16239779#comment-16239779
]
Jesper van den Ende commented on CB-13448:
------------------------------------------
This seems to be a [webkit
bug|https://github.com/lionheart/openradar-mirror/issues/18415].
Using the [wk webview
plugin|https://github.com/apache/cordova-plugin-wkwebview-engine] is a
workaround but comes with its own issues. This seems to be the best option
right now, for me at least.
> 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]
