[ 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: cordova-ios@5.0.0 > > 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: issues-unsubscr...@cordova.apache.org For additional commands, e-mail: issues-h...@cordova.apache.org