Details
-
Bug
-
Status: Closed
-
Major
-
Resolution: Duplicate
-
None
-
None
-
None
-
Mac OS 10.13.1, Xcode 9.1
Description
Use the attached config.xml in a new Cordova project. Add viewport-fit=cover to index.html, and add Default@2x~universal~anyany.png file for the splash image.
Open the project in an iPhone X simulator, running iOS 11.1.
In portrait mode, call window.open('https://www.google.com', '_blank'). You'll see a gray area where the status bar would be on older devices (see portrait.png). Rotate to landscape, and it's still there (see portrait-to-landscape.png).
Close the browser. Now in landscape, run the window.open command again. Rotate to portrait, then back to landscape. Now you'll see a gray area, but it only covers half of the screen (see landscape-to-portrait-to-landscape.png).
(Note that I used the "master" version of cordova-ios and some plugins, since it seems like there are some unreleased fixes for the iPhone X, like CB-13505).