[
https://issues.apache.org/jira/browse/CB-12886?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16516477#comment-16516477
]
Darryl Pogue commented on CB-12886:
-----------------------------------
I have new information to add to this bug, and to reiterate it is *not* a
Cordova bug. Let me present 3 scenarios:
* {{viewport-fit=auto}} and CSS {{height: 100%}} on the body element:
*UIWebView:* The webview is the height of the device screen, minus the unsafe
area, offset at the top by the unsafe area.
*WKWebView:* The webview is the height of the device screen, minus the unsafe
area, offset at the top by the unsafe area.
* {{viewport-fit=cover}} and CSS {{height: 100%}} on the body element:
*UIWebView:* The webview is the height of the device screen.
*WKWebView:* The webview is the height of the safe area, showing a gap at the
bottom.
* {{viewport-fit=cover}} and CSS {{height: 100vh}} on the body element:
*UIWebView:* The webview is the height of the device screen.
*WKWebView:* The webview is the height of the device screen.
I have a PR to submit to make changes to the cordova-app-hello-world template
to address this issue there, but the correct fix is to change {{100%}} to
{{100vh}} on the html or body elements in applications that are affected by
this.
> white area where status bar is in iOS 11
> ----------------------------------------
>
> Key: CB-12886
> URL: https://issues.apache.org/jira/browse/CB-12886
> Project: Apache Cordova
> Issue Type: Bug
> Components: cordova-ios
> Environment: iOS 11 beta 1
> Reporter: Shazron Abdullah
> Priority: Major
> Labels: backlog, ios11
> Fix For: [email protected]
>
> Attachments: ios11.png, screenshot-1.png, screenshot-2.png,
> screenshot-3.png, screenshot-4.png, screenshot-5.png, screenshot-6.png
>
>
> See attached screenshot. Using WKWebView plugin, new app.
--
This message was sent by Atlassian JIRA
(v7.6.3#76005)
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
