cordova-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Nad DJ (JIRA)" <>
Subject [jira] [Commented] (CB-13273) Webview is sized incorrectly on iPhone X (Simulator)
Date Wed, 31 Jan 2018 08:47:00 GMT


Nad DJ commented on CB-13273:


I'm new to the IOS developer thing, I did it so I can build my own app,

so upgrading my phonegap app build was partly solved with this solution above,

I have an issue displaying full screen (I use 1 page app to web) so I don't need safe area,
I just need to completely use the iphone 10 screen,, so now with the above solution I managed the
top area but the bottom still have the footer as it shown here:


how can I remove the bottom and extended to full screen,

note that the page look good when building the project in the new x code but the problem on
that side the background music strangely work in x code simulator fine but when running on
my iphone x devices it stop the background music as soon as I close the app,

I hope someone can explain some step by step solution with some code examples to a beginner
like me,

using the latest phonegap build 7.1.0 in my xml config file

thanks a million 

> Webview is sized incorrectly on iPhone X (Simulator)
> ----------------------------------------------------
>                 Key: CB-13273
>                 URL:
>             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
>            Priority: Major
>              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,
> 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:
> !|height=640! !|height=640!
> Setting 
> {code:html}viewport-fit=cover{code}
> fixes the white bar issue with UIWebView, as outlined here [],
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

To unsubscribe, e-mail:
For additional commands, e-mail:

View raw message