You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by "Mike Hayes (JIRA)" <ji...@apache.org> on 2015/09/13 14:43:45 UTC

[jira] [Resolved] (CB-9637) [StatusBar] [iOS] Webview is wrong size whilst statusbar is on display

     [ https://issues.apache.org/jira/browse/CB-9637?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Mike Hayes resolved CB-9637.
----------------------------
    Resolution: Not A Problem

Ok it looks like this *was* an issue which could be resolved, for some reason I had overlooked the viewport meta tag. I only noticed there was an issue with this after starting a new Cordova project and realising the default viewport tag no longer contains `height=device-height`. I removed this and everything is now working properly.

> [StatusBar] [iOS] Webview is wrong size whilst statusbar is on display
> ----------------------------------------------------------------------
>
>                 Key: CB-9637
>                 URL: https://issues.apache.org/jira/browse/CB-9637
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: Plugin Statusbar
>    Affects Versions: 5.2.0
>         Environment: iOS 8
>            Reporter: Mike Hayes
>              Labels: ios, statusbar, statusbar-plugin
>
> 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.
> {quote}
> <!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>
> {quote}
> 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



--
This message was sent by Atlassian JIRA
(v6.3.4#6332)

---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org