Uploaded image for project: 'Apache Cordova'
  1. Apache Cordova
  2. CB-14007

InAppBrowser - iPhone X status bar should not appear in landscape mode

    XMLWordPrintableJSON

Details

    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

       

      Attachments

        1. iphone-8-plus-landscape.png
          464 kB
          Cody
        2. iphone-8-plus-portrait.png
          587 kB
          Cody
        3. iphone-x-landscape.png
          585 kB
          Cody
        4. iphone-x-portrait.png
          943 kB
          Cody

        Issue Links

          Activity

            People

              surajpindoria Suraj Pindoria
              cody_energycurb Cody
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: