Titlebar auto-resize infinite loop

[lkjhgfdsa]

REQUIRED INFORMATION


Sencha Touch version tested:

• Sencha Touch 2.0.1

Browser versions tested against:

• Safari 5.1.7
• Mobile Safari iOS 5.1.1
• Google Chrome 19.0.1whatever

DOCTYPE tested against:

• Correct!

Description:

• See this: http://www.senchafiddle.com/#M9nnB

Steps to reproduce the problem:

• Please check the previous link

The result that was expected:

• Resize event shouldn't be fired forever

The result that occurs instead:

• Resize event IS fired forever

Test Case:

http://www.senchafiddle.com/#M9nnB



HELPFUL INFORMATION


See this URL for live test case: http://www.senchafiddle.com/#M9nnB


Possible fix:

• Use a toolbar instead

[mitchellsimoens]

Boiled it down to this minimal testcase:

    Ext.create('Ext.Container', {
            fullscreen : true,
            items      : [
                {
                    xtype  : 'titlebar', /* try toolbar instead! ;) */
                    docked : 'top',
                    items  : [
                        {
                            xtype     : 'button',
                            text      : 'Looooooooong string!',
                            listeners : {
                                resize : function () {
                                    console.log('resize');
                                }
                            }
                        }
                    ]
                }
            ],
            width : 200
        });

The issue is the titlebar has to do size checking but it shouldn't have a run away like that.