cordova-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "ASF GitHub Bot (JIRA)" <>
Subject [jira] [Commented] (CB-13311) Statusbar does not overlay correctly on iPhone X
Date Wed, 04 Oct 2017 09:22:00 GMT


ASF GitHub Bot commented on CB-13311:

Github user petemcwilliams commented on the issue:
    I was not previously using cordova-plugin-wkwebview-engine.  I was also not seeing an
issue with a gap at the bottom.
    I was experiencing an issue with Ionic tab views content sections moving down the page
about the size of the safe area this is the issue described in detail by gslender above.
    When other fixes were put in place:
    1) @wbmPeterScarborough it has been merged. You can use it removing the plugin and installing
it from the github url cordova plugin add
    2) Added viewport-fit=cover to the line:
    <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0,
minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    The white are at the top of the screen was fixed, I did not see a white area at the bottom
of the screen.  I had the issue with the Ionic tab pages.  Which was resolved by installing

    3) ionic cordova plugin add cordova-plugin-ionic-webview --save
    4) following instructions on
for config.xml
    I have not been too concerned about iPhone X, only that there was a white space at the
top of the app in IOS 11.

> Statusbar does not overlay correctly on iPhone X
> ------------------------------------------------
>                 Key: CB-13311
>                 URL:
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: cordova-plugin-statusbar
>            Reporter: jcesarmobile
>            Assignee: jcesarmobile
> As statusbar plugin has the statusbar height hardcoded to 20 points, it doesn't overlay
correctly on the iPhone X simulator as it's statusbar height is 44 points.
> This happens when the viewport has viewport-fit=cover

This message was sent by Atlassian JIRA

To unsubscribe, e-mail:
For additional commands, e-mail:

View raw message