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

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

VotersWatch issueWatchersLinkUpdate Comment AuthorReplace String in CommentUpdate Comment VisibilityDelete Comments
    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-x-portrait.png
          943 kB
          Cody
        2. iphone-x-landscape.png
          585 kB
          Cody
        3. iphone-8-plus-portrait.png
          587 kB
          Cody
        4. iphone-8-plus-landscape.png
          464 kB
          Cody

        Issue Links

          Activity

            People

            • Assignee:
              surajpindoria Suraj Pindoria
              Reporter:
              cody_energycurb Cody

              Dates

              • Created:
                Updated:
                Resolved:

                Issue deployment