Address Bar no longer hidden in Safari with Sencha Touch 2.0

[benmcmath]

REQUIRED INFORMATION


Ext version tested:

• Sencha Touch 2.0

Browser versions tested against:

• Mobile Safari
• Andriod

Description:

• When viewing Sencha Touch 2 apps, the browser address bar is no longer hidden automatically. If I view a Sencha Touch 1.1 app on a mobile device, when the app loads, it hides the address bar.
• This obviously only occurs when apps are pulled up through the browser, and not launched from the homescreen.

Steps to reproduce the problem:

• Visit: http://dev.sencha.com/deploy/touch/e...n/kitchensink/ in mobile safari on iPhone.
• Note that the address bar at the top is still present.

The result that was expected:

• I would expect this to work like it did on ST1.1 and hide the address bar.

The result that occurs instead:

Test Case:



HELPFUL INFORMATION


Screenshot or Video:

• attached

See this URL for live test case: http://


Debugging already done:

• none

Possible fix:

• not provided

Additional CSS used:

• only default ext-all.css
• custom css (include details)

Operating System:

• iOS 5.1
• Android 2.3.3

[mitchellsimoens]

You can try to set autoMaximize in the viewport config:

Ext.setup({
    viewport : {
        autoMaximize : true
    },
    ...
});

or

Ext.application({
    viewport : {
        autoMaximize : true
    },
    ...
});

Look at the API docs as there are some important notes to take note of:

http://docs.sencha.com/touch/2-0/#!/...g-autoMaximize

[marvavik]

Thanks, it works.
but ,the lower menu is still...

MWSnap007 2012-04-16, 20_50_08.jpg

[mitchellsimoens]

You can try this meta tag

<meta name="apple-mobile-web-app-capable" content="yes" />

If I remember correctly I think that will hide it.

[ziaullhaq.s]

When i am adding below line in my code.
Ext.Viewport.setAutoMaximize(true);

This Error I am getting
Error: Object doAutoMaximizeOnReady has no method 'call'

[elad101]

Do you use Ext designer 2.0?

[lfnian]

Error: Object doAutoMaximizeOnReady has no method 'call'

is there any guys could solute this error? Thanks.

[Carlos.D]

Hi,

Even with the tags the bottom bar of the browser still appear.

<meta name="apple-mobile-web-app-capable" content="yes">

Have someone, solve this problem ?

Thks

[lennonnz]

You cannot hide the bottom bar it if you open your app on a webpage from Safari. If you open it from a link you've made (which opens in Safari) then the bottom bar will go away.

[jodo3k]

I'm looking at the kitchen sink example on an iPhone 4s iOS 5.1 Sencha version 2.0.1.1

And the address bar does not hide.