[
https://issues.apache.org/jira/browse/CB-13448?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Jesper van den Ende updated CB-13448:
-------------------------------------
Description:
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/nv3dzxo.png!
landscape:
!https://i.imgur.com/ACZaSEw.png!
was:
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);`
> 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/nv3dzxo.png!
> landscape:
> !https://i.imgur.com/ACZaSEw.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]
