Looks like we can't reproduce the issue or there's a problem in the test case provided.
Consecutive expand and collapse on a panel causes a script error.
I think this is a bug.
When I expand() and collapse() a panel consecutively (programatically and using mouse clicks on the collapse/expand button),
I get the following script error:
Unable to get value of the property 'style': object is null or undefined
ext-all-debug.js, line 8256 character 21
return el.style[prop] || ((cs = el.currentStyle) ? cs[prop] : null);
which causes the panel to be disabled somehow (the title disappears and the collapse button disappears), after which the panel can no longer be expanded or collapsed.
el is null
ext-all-debug.js, line 8216
out = (v = el.style[prop]) ? v :
but this does not lead to the panel being practically disabled as in IE9 so in FF8 I can still continue to expand and collapse.
Even after making the panel empty (because I thought the child components that were causing it), I experience the same thing. It takes about 2-10 expand/collapse sequence to duplicate it. It is a lot easier (a lot fewer clicks) to duplicate in IE than in FF.
This is how the panel is created (this, even, has been simplified to make sure it is not a config issue):
Can anyone verify this behavior? And more importantly, can anyone suggest a work around?
I tried in 4.0.7 and 4.1.0 with IE9, FF8 (Mac) and Chrome 16 (Mac) and I cannot reproduce. I tried clicking slow and fast but still cannot reproduce.
I do not have IE9, so I cannot comment. I have tried on FF8 on Linux / Windows and IE8.
Do you get the behavior you expect using the following:
-Select ExtJS 4.07
-Paste the following code into the HTML region
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MultiSorting Grid Example</title>
<link rel="stylesheet" type="text/css" href="http://docs.sencha.com/ext-js/4-0/resources/css/app.css">
// region: 'east',
html: 'This is a panel',
I don't have IE8 but I do have IE6 which if there is going to be a browser to reproduce, I would thin kit would be it but I still got no JS errors.
Thanks for the responses.
When I posted it first, I didn't think of doing it on a clean example. Sorry. When I did I could not reproduce it. So I'm just confirming what you all have said.
There must be something else in our application that is causing it. I see the behavior I reported in multiple panels (even on an empty one) and it is really triggered by the collapse and expansion of the panels.
If I figure out what it is I might just post it here for the record (whether it is a bug or not).
Also for the record, I am using 4.02a.
Thanks for all your help!