[CB-13273] Webview is sized incorrectly on iPhone X (Simulator)

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Not A Bug
• Affects Version/s: cordova-ios 4.5.0
• Component/s: cordova-ios
• Labels: iPhoneX ios11

Environment

Xcode 9.0 (9A235)
Simulator 10.0 (SimulatorApp-829.6) - iPhone X

• Assignee: Shazron Abdullah
• Reporter: Dave Alden
• Created: 13/Sep/17 20:59
• Updated: 23/Aug/18 07:57
• Resolved: 15/Sep/17 08:33

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:

Setting

viewport-fit=cover

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.

Issue Links

• links to: GitHub Pull Request #85
• links to: GitHub Pull Request #85