[CB-14007] InAppBrowser - iPhone X status bar should not appear in landscape mode

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Duplicate
• Affects Version/s: 1.3.0
• Component/s: cordova-ios, cordova-plugin-inappbrowser
• Assignee: Suraj Pindoria
• Reporter: Cody
• Created: 28/Mar/18 22:14
• Updated: 02/Apr/18 10:44
• Resolved: 02/Apr/18 10:44

Description

When loading a url in the InAppBrowser, there is a 44 px gray status bar for iPhone X.  This appears to be larger due to "the notch" on this device.

However, when you switch to landscape mode, the 44px gray status bar stays on the top, which is a mistake because the notch is now on the side.

I am using the "viewport-fit=cover" meta viewport tag, as well as the iPhone X compatible splash screens, as is recommended here: https://blog.phonegap.com/displaying-a-phonegap-app-correctly-on-the-iphone-x-c4a85664c493.

I have attached screenshots of the problematic behavior in iPhone X, as well as the desired behavior in iPhone 8 Plus.

There seem to be possibly related issues out there regarding iPhone X layout, such as https://issues.apache.org/jira/browse/CB-13956 and https://issues.apache.org/jira/browse/CB-13583

 

Issue Links

• duplicates: CB-13583 Gray bar in status area when using inappbrowser