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

[StatusBar] [iOS] Webview is wrong size whilst statusbar is on display

    XMLWordPrintableJSON

Details

    Description

      If cordova-plugin-statusbar is enabled and the StatusBarOverlaysWebView config option is set to false, the webview appears to end up being the wrong height.

      This causes a scrollbar to appear which I'm actually struggling to hide or remove (on <html>, <body>, etc).

      To reproduce, add the cordova-plugin-statusbar plugin, set StatusBarOverlaysWebView to false, StatusBarBackgroundColor to #000000 and StatusBarStyle to blackopaque. Then use the following HTML and deploy to an iOS device. Touching and dragging will show a vertical scrollbar on the right.

      <!DOCTYPE html>
      <html>
      <head>
      <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height">
      </head>
      <body></body>
      </html>

      I'm starting to think that this could actually be a native scrollbar (which cannot be removed/hidden with any amount of html/css), due to the webview component going out of view. I don't know enough about iOS dev to look into this currently though.

      Potentially related: #CB-6107 and #CB-5809

      Attachments

        Activity

          People

            Unassigned Unassigned
            Ronnah Mike Hayes
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: