PDA

View Full Version : iPad status bar covers top of app



uxdan
21 Jul 2010, 9:56 AM
I was hoping someone would have an answer for this. I have my app set to fullscreen true, but for whatever reason the app is partitally underneath the iPad status bar.

Is this a bug specific to using fullscreen on iPad or could there be an issue with my code? Hoping someone has run into this.

My code is mirroring the GeoCongress app code.

evant
21 Jul 2010, 6:06 PM
Never seen that before, probably a code issue.

nosarious
21 Jul 2010, 7:51 PM
I have seen that before. It happened, in my case, with the page moving the page up while 'debug' was set on mobil safari. the debug bar appeared over the top of the layout and the whole screen moved up so the address bar and the debug bar were out of site, which made it look like the status bar was on top of the layout of the program.

This happened on an ipod touch.

popnroll
4 Feb 2011, 1:59 AM
I have the same problem. The statusbar is actually hiding the top of the app. I have set the statusbar to translucent black, so it's easy to see the app behind it. See screenshot

When I'm not running it fullscreen, it works fine.

popnroll
4 Feb 2011, 4:56 AM
This is a small reproduction of the issue:


<!DOCTYPE HTML>
<html>
<head>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<script type="text/javascript" src="lib/sencha-touch/sencha-touch-debug.js"></script>
<script>
var startPanel = new Ext.Panel({
fullscreen: true,
layout: 'vbox',
items:[
{html:"test"},
{html:"test2"},
]
});
Ext.setup({
onReady: function(){
rootPanel = new Ext.Panel({
fullscreen:true,
layout: 'card',
items:[
startPanel
]
});
}
});
</script>
<link rel="stylesheet" href="lib/sencha-touch/sencha-touch-debug.css">
</head>
<body>
</body>
</html>