[jira] [Reopened] (CB-10158) StatusBar issue when recovering from fullscreen video playback in landscape mode

["jcesarmobile (JIRA)" <ji...@apache.org>]

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

jcesarmobile reopened CB-10158:
-------------------------------

I've break this in order to fix a more important bug involving iPhone X, will try to find another way to fix this again.

In the meantime, the workaround is to listen for the pause event of the video element and call overlaysWebView twice, first with true and then with false, something like:

{code}
video.addEventListener('pause', pauseHandler, false);

function pauseHandler(){
    if(this.webkitDisplayingFullscreen) {
        return;
    }
    StatusBar.overlaysWebView(true);
    StatusBar.overlaysWebView(false);
}
{code}

> StatusBar issue when recovering from fullscreen video playback in landscape mode
> --------------------------------------------------------------------------------
>
>                 Key: CB-10158
>                 URL: https://issues.apache.org/jira/browse/CB-10158
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: cordova-plugin-statusbar
>    Affects Versions: 5.4.1
>         Environment: Cordova version 5.4.1 (Using CLI, not platform tools)
> StatusBar plugin version 2.0.0
> Building app on OS X El Capitan
> Device platform: iOS 9.1 
> TESTED IN SIMULATOR ONLY (iPhone 6 / iOS 9.1)
> Not tested for any other device platform
> Using the following configuration in config.xml:
> {code:xml}
>     <platform name="ios">
>         <allow-intent href="itms:*" />
>         <allow-intent href="itms-apps:*" />
>         <preference name="StatusBarOverlaysWebView" value="false" />
>         <preference name="StatusBarBackgroundColor" value="#000000" />
>         <preference name="StatusBarStyle" value="lightcontent" />
>     </platform>
> {code}
>            Reporter: Ashraf Yussouff
>            Assignee: jcesarmobile
>              Labels: iOS, reproduced, triaged
>         Attachments: Simulator Screen Shot Dec 7, 2015, 10.28.04 AM.png, Simulator Screen Shot Dec 7, 2015, 10.28.16 AM.png, Simulator Screen Shot Dec 7, 2015, 10.28.24 AM.png, Simulator Screen Shot Dec 7, 2015, 10.28.34 AM.png, Simulator Screen Shot Dec 7, 2015, 10.28.39 AM.png
>
>
> App uses Single Page Architecture. All HTML is loaded from a remote server into a div tag on the page. A header bar at the top of the page is fixed and is outside the div tag used for loading the remote HTML.
> With StatusBarOverlaysWebView=false  in config.xml, app starts correctly in simulator with the status bar above the page header bar.
> Sequence of steps:
> # Load HTML with a <video> tag for some mp4 video
> # Start playback of video
> # Simulate device rotation using Simulator->Hardware->Rotate Left
> #* Video automatically switches to fullscreen and fills the entire simulator screen
> # Simulate rotation back to portrait mode using Simulator->Hardware->Rotate Right
> # Click "Done" to exit native player
> # NOW THE STATUS BAR COVERS THE WEBVIEW - WebView is now pushed all the way up and behind the status bar.
> Problem has only been noticed when recovering from fullscreen video playback involving device rotation.



--
This message was sent by Atlassian JIRA
(v6.4.14#64029)

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