cordova-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Dave Alden (JIRA)" <j...@apache.org>
Subject [jira] [Updated] (CB-13273) Webview is sized incorrectly on iPhone X (Simulator)
Date Fri, 15 Sep 2017 06:18:00 GMT

     [ https://issues.apache.org/jira/browse/CB-13273?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]

Dave Alden updated CB-13273:
----------------------------
    Description: 
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]

Probably need some some tweaking of Launch Images in cordova-ios to get rid of those black
areas.

Attached Cordova project illustrates the issue.

  was:
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]


Note: the sizing of UIWebView appears correct in the iPhone 8 and iPhone 8 Plus Simulators.

Attached Cordova project illustrates the issue.




> 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, 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]
> Probably need some some tweaking of Launch Images in cordova-ios to get rid of those
black areas.
> Attached Cordova project illustrates the issue.



--
This message was sent by Atlassian JIRA
(v6.4.14#64029)

---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org


Mime
View raw message