radubrehar
9 Feb 2010, 4:09 AM
Hello,
I have just discovered a bug in 3.1.0 not present in 3.0.0.
Reproduced on FF, Chrome, IE.
Steps to reproduce:
1. Make a TabPanel with two tabs
2. Make the first tab have a border layout, with two items, one in the west region, one in the center region.
Now
3. Select the second tab
4. Resize browser window
5. Go back to the first tab.
You can only see the center region!
Here is the code you need in order to reproduce this:
new Ext.Window({
title: 'hey',
renderTo: Ext.getBody(),
width: 500, height: 300,
layout: 'fit',
items: [
{
xtype: 'tabpanel',
activeItem: 0,
items: [
{
layout: 'border',
title: 'first tab',
items: [{
region: 'west',
width: 200,
minWidth: 190,
maxWidth: 210,
title: 'salut',
html: 'west region... you should always see this, but you cant with the bug'
}, {
region: 'center',
title: 'how are you?',
html: 'center region'
}]
},
{
title: 'hey second tab'
}
]
}
]
}).show()
The bug still happens with the deferredRender: false and layoutOnTabChange: true
I have just discovered a bug in 3.1.0 not present in 3.0.0.
Reproduced on FF, Chrome, IE.
Steps to reproduce:
1. Make a TabPanel with two tabs
2. Make the first tab have a border layout, with two items, one in the west region, one in the center region.
Now
3. Select the second tab
4. Resize browser window
5. Go back to the first tab.
You can only see the center region!
Here is the code you need in order to reproduce this:
new Ext.Window({
title: 'hey',
renderTo: Ext.getBody(),
width: 500, height: 300,
layout: 'fit',
items: [
{
xtype: 'tabpanel',
activeItem: 0,
items: [
{
layout: 'border',
title: 'first tab',
items: [{
region: 'west',
width: 200,
minWidth: 190,
maxWidth: 210,
title: 'salut',
html: 'west region... you should always see this, but you cant with the bug'
}, {
region: 'center',
title: 'how are you?',
html: 'center region'
}]
},
{
title: 'hey second tab'
}
]
}
]
}).show()
The bug still happens with the deferredRender: false and layoutOnTabChange: true