You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by "Nad DJ (JIRA)" <ji...@apache.org> on 2018/01/31 08:47:00 UTC
[jira] [Commented] (CB-13273) Webview is sized incorrectly on
iPhone X (Simulator)
[ https://issues.apache.org/jira/browse/CB-13273?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16346445#comment-16346445 ]
Nad DJ commented on CB-13273:
-----------------------------
hello,
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:
[http://prntscr.com/i81is3]
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: 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
> 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, 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
(v7.6.3#76005)
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org