[CB-13583] Gray bar in status area when using inappbrowser

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Duplicate
• Component/s: cordova-plugin-inappbrowser

Environment

Mac OS 10.13.1, Xcode 9.1

• Assignee: Unassigned
• Reporter: Jacob Weber
• Created: 16/Nov/17 19:35
• Updated: 11/Apr/20 14:20
• Resolved: 11/Apr/20 14:20

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).

Issue Links

• is duplicated by: CB-14029 On iPhoneX, after rotating to Landscape, a top transparent bar overlaps web content.
• is duplicated by: CB-13816 Gray rectangle in statusbar if statusbar is hidden and device is rotated
• is duplicated by: CB-14007 InAppBrowser - iPhone X status bar should not appear in landscape mode