[ https://issues.apache.org/jira/browse/CB-13448?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16209931#comment-16209931 ]
Jesper van den Ende commented on CB-13448: ------------------------------------------ It seems like it's not just the safe-area-top that is affected, all four of them are a bit weird. Here are some screenshots: https://imgur.com/a/U4xHD It could also very well be caused by the wonky simulator, I've found a bunch of other non cordova related bugs as well and the latest available iOS version for the simulator is currently 11.0 > 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-unsubscr...@cordova.apache.org For additional commands, e-mail: issues-h...@cordova.apache.org