[ 
https://issues.apache.org/jira/browse/CB-13273?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16239843#comment-16239843
 ] 

WATER1350 edited comment on CB-13273 at 11/6/17 2:58 AM:
---------------------------------------------------------

I find that if I use WKWebView with "viewport-fit=cover" and 
body : {height:100%}, the height of body still can not reach the bottom of 
iPhone X and is equal to the height of safeArea, However, the background-color 
can cover the fullscreen.


was (Author: water1350):
I find that if I use WKWebView with "viewport-fit=cover" and body : 
{height:100%}, the height of body still can not reach the bottom of iPhone X 
and is equal to the height of safeArea, However, the background-color can cover 
the fullscreen.

> Webview is sized incorrectly on iPhone X (Simulator)
> ----------------------------------------------------
>
>                 Key: CB-13273
>                 URL: https://issues.apache.org/jira/browse/CB-13273
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: cordova-ios
>    Affects Versions: cordova-ios 4.5.0
>         Environment: Xcode 9.0 (9A235)
> Simulator 10.0 (SimulatorApp-829.6) - iPhone X
>            Reporter: Dave Alden
>            Assignee: Shazron Abdullah
>              Labels: iPhoneX, ios11
>         Attachments: Simulator Screen Shot - iPhone X - 2017-09-14 at 
> 15.52.54.png, Simulator Screen Shot - iPhone X - 2017-09-15 at 09.20.48.png, 
> Simulator Screen Shot - iPhone X - 2017-09-19 at 11.29.00.png, fig1.png, 
> fig2.png, webview-test.zip
>
>
> New app with cordova-ios@4.5.0 (using default UIWebView) running on iPhone X 
> Simulator does not size correctly, leaving black areas above and below the 
> app content and white bars between the black areas and app content.
> Adding cordova-plugin-wkwebview-engine so Cordova uses WKWebView, white bars 
> go away, but the black areas remain:
> !https://cdn.pbrd.co/images/GKeaEPg.png|height=640! 
> !https://cdn.pbrd.co/images/GKeaWwK.png|height=640!
> Setting 
> {code:html}viewport-fit=cover{code}
> fixes the white bar issue with UIWebView, as outlined here 
> [http://stephenradford.me/removing-the-white-bars-in-safari-on-iphone-x/], 
> but the black areas remain:
> [^Simulator Screen Shot - iPhone X - 2017-09-14 at 15.52.54.png]
> Attached Cordova project illustrates the issue.



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

Reply via email to