[CLOSED-174] Panel problem when there is dockedItems in v0.92

[wilei]

After updating Sencha Touch from 0.91 to 0.92 there is problem to show Panel with dockedItems, especially when there is toolbar docked to top of panel. Even Icons -example (which comes in Sencha Touch zip -package) won't work with Sencha Touch version 0.92.

When I try to open Icons -example in Google Chrome (version 6 a.k.a. dev) I'll get following error message to Developer Tools:

Uncaught TypeError: Cannot call method 'update' of null
render | ext-touch-debug.js:12476
constructor | ext-touch-debug.js:12376
subclass.overrides.constructor.objectConstructor.overrides.constructor | ext-touch-debug.js:180
subclass.overrides.constructor.objectConstructor.overrides.constructor | ext-touch-debug.js:180
subclass.overrides.constructor.objectConstructor.overrides.constructor | ext-touch-debug.js:180
onReady | index.js:7
call | ext-touch-debug.js:8440

And when I try to open my own project, basic Panel -view with two docked toolbars (one at the top and one at the bottom of view) and one item (another Panel) I'll get following error message (again to Google Chromes Developer Tools):

Uncaught TypeError: Cannot call method 'setBox' of null
dockItems | ext-touch-debug-w-comments.js:27473
onLayout | ext-touch-debug-w-comments.js:27401
layout | ext-touch-debug-w-comments.js:27158
doComponentLayout | ext-touch-debug-w-comments.js:19522
setSize | ext-touch-debug-w-comments.js:19646
afterRender | ext-touch-debug-w-comments.js:19329
afterRender | ext-touch-debug-w-comments.js:21081
render | ext-touch-debug-w-comments.js:19249
constructor | ext-touch-debug-w-comments.js:19130
subclass.overrides.constructor.objectConstructor.overrides.constructor | ext-touch-debug-w-comments.js:287
subclass.overrides.constructor.objectConstructor.overrides.constructor | ext-touch-debug-w-comments.js:287
onReady | simple.js:65
call | ext-touch-debug-w-comments.js:12289

simple.js (simplified version of my project) is attached to this message.

[evant]

I ran your code with no problem on Chrome 5.x. Are there issues with any the other examples?

[wilei]

Actually there is. None of examples (with Sencha Touch 0.92) won't work with Google Chrome 6. For e.g. when trying to open Tabs example I get this message to Developer Tools console:


Uncaught TypeError: Cannot call method 'setBox' of null
dockItems | ext-touch-debug.js:18575
onLayout | ext-touch-debug.js:18524
layout | ext-touch-debug.js:18346
doComponentLayout | ext-touch-debug.js:12751
setSize | ext-touch-debug.js:12848
calculateDockBoxes | ext-touch-debug.js:18621
dockItems | ext-touch-debug.js:18561
onLayout | ext-touch-debug.js:18524
layout | ext-touch-debug.js:18346
doComponentLayout | ext-touch-debug.js:12751
setSize | ext-touch-debug.js:12848
afterRender | ext-touch-debug.js:12575
afterRender | ext-touch-debug.js:13852
render | ext-touch-debug.js:12495
constructor | ext-touch-debug.js:12376
subclass.overrides.constructor.objectConstructor.overrides.constructor | ext-touch-debug.js:180
subclass.overrides.constructor.objectConstructor.overrides.constructor | ext-touch-debug.js:180
subclass.overrides.constructor.objectConstructor.overrides.constructor | ext-touch-debug.js:180
onReady | index.js:7
call | ext-touch-debug.js:8440

And that's almost same error that I got from my code (simple.js).

With Sencha Touch 0.91 all examples works fine.

[evant]

Alright, can confirm this, we'll check it out. Thanks for the report.

[locutusUT]

I can confirm that I'm seeing the same issue on 0.92. The problem is 0.92 resolves another issue with ScriptTagProxy so I'll be looking forward to fix for this.

[TommyMaintz]

Chrome 6 (nightly build) is not on the top of our priority list. These issues are non-existent on Chrome 5, Safari, iOS or Android and thus I will close this thread for now.