Chrome in iOS (autoMaximize)

REQUIRED INFORMATION

• sencha-touch-2.0.1.1

Browser versions tested against:

• Chrome 19.0.1084.60 (iOS)

Description:

The problem happens when i call the function autoMaximize within viewport in app.js file in the Chrome for iOS.

The result that was expected:

Hide Address Bar.

The result that occurs instead:

Application stopped.

Code:

Code:

---

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

---

Can I get a test case? This is working just fine for me:

Code:

---

Ext.application({
    name : 'Test',

    viewport : {
        autoMaximize : true
    },

    launch : function() {

        var number = 0;
       
        new Ext.Container({
            fullscreen : true,
            tpl        : 'Still working? {num}',
            data      : [
                {
                    num : number
                }
            ],
            items      : [
                {
                    xtype : 'toolbar',
                    docked : 'top',
                    items  : [
                        {
                            text    : 'Test',
                            handler : function(button) {
                                var cnt = button.up('container[fullscreen]');
       
                                ++number;
       
                                cnt.setData({
                                    num : number
                                });
                            }
                        }
                    ]
                }
            ]
        });

    }
});

---

Do note that it doesn't look like Chrome will be able to hide the address bar via this setting.

Hi
I can confirm the code above DOESNT work on Iphone 3gs (fw 5.0.1) with the Chrome iOS browser.
A clean app, copy and pasted from above, if I set:

Code:

---

viewport : {
        autoMaximize : false
    },

---

it works, but

Code:

---

viewport : {
        autoMaximize : true
    },

---

doesnt work :(

Is this a bug? or there any workarounds, like say detecting the Chrome app and not setting fullscreen or something....?

I notice this doesnt work either:

http://www.sencha.com/forum/showthre...false&p=861977

ANyone else experience this?

Same problem for me...! :(

I notice as well, if I put automaximize to true the app will load in iOS safari by just going straight to url. HOWEVER, if I search google for my site, and click the link from there it looks like its going to load (fullscreen) but then never loads.
Oddly, if I set automaximize to false it all loads fine across the board

Anyone?

me too

iOS 6.0.1
Google Chrome v21.0.1180.82

Easy test case: create an app which loads an Ext.NavigationView and create app.js with the following code -

PHP Code:

---

Ext.application({

    viewport : {        autoMaximize: true    },        launch: function() {        Ext.Viewport.add({            xtype: 'main'        });    }    }); 


---

with weinre client i only see a lot of this request:
https://localhost:0/chromecheckurl

No error or something.

I had the same problem described in this thread. But I think with the following browser detection query it should work:

Code:

---

autoMaximize: (navigator.userAgent.search("Safari") !== -1 && navigator.userAgent.search("CriOS") === -1 && (!Ext.browser.is.Standalone && Ext.os.is.iOS && Ext.browser.version.isGreaterThan(3) ) ? true : false)

---

navigator.userAgent.search("Safari") !== -1 -> true for Safari browser (also true for iOS Chrome)
navigator.userAgent.search("CriOS") === -1 -> true for Safari browser but false for iOS Chrome browser (see https://developers.google.com/chrome...ocs/user-agent)