cordova-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Jesper van den Ende (JIRA)" <j...@apache.org>
Subject [jira] [Commented] (CB-13448) css safe-area-inset-top is 20px on non-iPhone X landscape
Date Mon, 06 Nov 2017 00:02:00 GMT

    [ 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: cordova-ios@4.5.1
>         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: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org


Mime
View raw message