[
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: [email protected]
For additional commands, e-mail: [email protected]
