[jira] [Comment Edited] (CB-10283) Displays white bar at the bottom of the android app.

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

    [ https://issues.apache.org/jira/browse/CB-10283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=15131424#comment-15131424 ] 

Ray Shan edited comment on CB-10283 at 2/4/16 12:13 AM:
--------------------------------------------------------

Hi [~bowserj], I'm reopening this issue with reproducible steps, hope that's ok.

Environment:
- Cordova 6.0, Cordova Android 5.1
- Samsung Galaxy Tab 10.1 or a Nexus 9, both on Android 5.1.1

1. Create a fresh Cordova sample app via cordova create cordova-hello-world
2. cordova platform add android
3. In config.xml, add:
        <preference name="Fullscreen" value="true" />
4. In index.html, replace this meta tag and add:
        <meta
            http-equiv="Content-Security-Policy"
            content="default-src 'unsafe-inline' 'unsafe-eval' 'self' data: gap: *;
                     style-src 'self' 'unsafe-inline' *"
        >
        <script>
            console.log(window.innerHeight);
        </script>
5. cordova run android --device
6. Launch app

Expected: app run and stays in full screen without status bar; upon initial launch console logs 1280 for window.innerHeight, which is the device screen height on the Samsung tablet
Actual: app runs with a black bar shown on the bottom, console logs 1255

Notes:
- Upon initial launch when the splash screen is shown, you can see the OS status bar shown for a brief moment then goes away.
- Black bar will go away and the light gray background will cover the entire viewport if screen orientation changes, if app is hidden then brought back to foreground, or if Chrome DevTools is used to debug the app
- When hiding the app via pressing home button, you can see the top of the screen showing a transparent bar matching the size of the bottom black bar and OS status bar


was (Author: rayshan):
Hi [~bowserj], I'm reopening this issue with reproducible steps, hope that's ok.

1. cordova create cordova-hello-world
2. cordova platform add android
3. In config.xml, add:
        <preference name="Fullscreen" value="true" />
4. In index.html, replace this meta tag and add:
        <meta
            http-equiv="Content-Security-Policy"
            content="default-src 'unsafe-inline' 'unsafe-eval' 'self' data: gap: *;
                     style-src 'self' 'unsafe-inline' *"
        >
        <script>
            console.log(window.innerHeight);
        </script>
5. cordova run android --device, on a Samsung Galaxy Tab 10.1 or a Nexus 9
6. Launch app

Expected: app run and stays in full screen without status bar; upon initial launch console logs 1280 for window.innerHeight, which is the device screen height on the Samsung tablet
Actual: app runs with a black bar shown on the bottom, console logs 1255

Notes:
- Upon initial launch when the splash screen is shown, you can see the OS status bar shown for a brief moment then goes away.
- Black bar will go away and the light gray background will cover the entire viewport if screen orientation changes, if app is hidden then brought back to foreground, or if Chrome DevTools is used to debug the app
- When hiding the app via pressing home button, you can see the top of the screen showing a transparent bar matching the size of the bottom black bar and OS status bar

> Displays white bar at the bottom of the android app.
> ----------------------------------------------------
>
>                 Key: CB-10283
>                 URL: https://issues.apache.org/jira/browse/CB-10283
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: Android, CordovaLib
>    Affects Versions: 6.0.0, 5.3.3
>         Environment: Cordova cli 5.3.9 and Cordova 4.1.1
> Android Sumsung s6 (v5.0)
> jquery.mobile-1.4.5.min.js
>            Reporter: Devshi Patel
>              Labels: android, fullscreen, statusbar, test, viewport
>   Original Estimate: 504h
>  Remaining Estimate: 504h
>
> When the app starts it displays a white bar at the bottom of the screen like a status bar. This happens frequently but not always.
> I have been using  Cordova cli 4.2 & Cordova 4.0 without any problems. the app is on google play store. 
> I am using jquery mobile framework version 1.4.5 
> I think the issue is with webview display.
> The code for MainActivity.java file 
>    public void onCreate(Bundle savedInstanceState) {
> 		super.onCreate(savedInstanceState);
> 		super.loadUrl("file:///android_asset/www/index.html");
> 		new SimpleEula(this).show(); 
> 	}
> index.html
>     <meta charset="utf-8">
>     <meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1" />



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