[2.??] Collapsible panel bug on IE

[Minchao.Fu]

I met collapsible panel bug on IE. This is my code:

var summary_panel = new Ext.Panel({
layout: 'border',
region:'east',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'0 0 0 3',
items: [
...
]
});

After the page showed on IE, I minimize and maximize the window for several times, this summary_panel becomes a blank panel. And it seems that the layout of window become a mass.
This problem will not duplicate on Firefox.:-/

These are screenshots:
Fine:
http://pic.yupoo.com/timesheet/45448615c411/6p80cvfc.jpg

bug:
http://pic.yupoo.com/timesheet/32354615c410/8pczwajo.jpg

[Condor]

Can you try if adding hideMode:'offsets' to the collapsible panel config helps?

[Minchao.Fu]

Thank you, Condor!

But it does not work. More details:
I have a tabPanel, which contains two tabs. Each tab holds one collapsible panel whose location is east.
When tab1 is shown, minimize and maximize for several times, that panel on tab1 is fine, but if you swtich to tab2, the panel on tab2 is blank. At this time, minimize and maximize once again, the tab2's panel comes back, however the panel on tab1 becomes blank...
:-/

[Condor]

You need to add hideMode:'offsets' to all panels in a CardLayout (like TabPanel) and to all collapsible panels in a BorderLayout.

ps. This could also be caused by the Ext.state.Manager (try disabling it if you are using it).

[Minchao.Fu]

When I add " hideMode:'offsets' " to tab1, the context of tab2 is not shown.
If I comment this line out, the context of tab2 shows.
FF and IE acts the same.

[Condor]

Could you post a complete example that displays the problem?

[Minchao.Fu]

When I add the red line, the content of tab2 is not shown.
When I comment it out, the content of tab2 is shown.

tab1 = new Ext.Panel({
id: 'tab-2',
autoScroll:false,
border:false,
frame: false,
layout: 'border',
hideMode: 'offsets',
disabled: true,
items: [
questionnairePanel
]
});

tab2 = new Ext.Panel({
id: 'tab-3',
autoScroll:true,
border:false,
layout: 'border',
hideMode: 'offsets',
frame: false,
disabled: true,
items: [
{
region: 'center',
layout: 'border',
items: [
configurationSummaryPanel,
{
region: 'east',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
contentEl: 'cfa_summary_summary'
}
]
}
]});

[Condor]

tab-2 doesn't have a layout (set layout to 'fit' or simply use questionnairePanel as tab1).

tab-3 has some overnesting (you only need 3 panels, but you are using 4).