Question

I’ve created a web app with sencha touch 2. Now I want to make iOS/android hide de browser address bar when I open this app. I’ve tried to do it in many ways I found on the internet, but none worked.
Most people suggest me to do as in the answer of this question: how to fullscreen a Sencha Touch 2 page on a WebKit browser?

But that didn’t work either.
I spoke to some guys that work with sencha longer than me here on the office. They said that the autoMaximize config never worked for any of them, but that one former co-worker had once managed to do it some other way.

So… anybody know any other way to make my webapp run in fullscreen mode, or why the autoMaximize may not work?

update: sample code

Ext.application({
name: 'App',

viewport: {
  autoMaximize: true
},

requires : [
    'Ext.Panel'
],

launch: function() {
    Ext.Viewport.add({
        xtype:'panel',
        fullscreen:true,
        html:'hi'
    });
},});

Update 2: It seems to be working fine on android.

Answer 1

From my experience the answer to your question is the same as the question you cited :

how to fullscreen a Sencha Touch 2 page on a WebKit browser?

It always worked for me.

However, I sometimes got an error with this config when working on an uncompiled version of the app. The following question shows the error I got and how I managed to solve it.

viewport autoMaximize causes Timeout waiting for window.innerHeight to change on iPhone

Hope this helps