You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by "Jesper van den Ende (JIRA)" <ji...@apache.org> on 2017/10/16 00:19:00 UTC

[jira] [Created] (CB-13448) css safe-area-inset-top is 20px on non-iPhone X landscape

Jesper van den Ende created CB-13448:
----------------------------------------

             Summary: 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 the screenshots I've created a square with css rule `top: constant(--safe-area-inset-top);`



--
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