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

Gray bar in status area when using inappbrowser

VotersWatch issueWatchersLinkUpdate Comment AuthorReplace String in CommentUpdate Comment VisibilityDelete Comments
    XMLWordPrintableJSON

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

      Attachments

        1. config.xml
          2 kB
          Jacob Weber
        2. landscape-to-portrait-to-landscape.png
          54 kB
          Jacob Weber
        3. portrait.png
          56 kB
          Jacob Weber
        4. portrait-to-landscape.png
          54 kB
          Jacob Weber

        Issue Links

        Activity

          This comment will be Viewable by All Users Viewable by All Users
          Cancel

          People

            Unassigned Unassigned
            jweber Jacob Weber
            Votes:
            2 Vote for this issue
            Watchers:
            5 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Slack

                Issue deployment