View Full Version : [3.1.0] TabPanel with an item that has borderlayout bug

4 Feb 2010, 6:40 AM

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.
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'
}, {
region: 'center',
title: 'how are you?',
html: 'center region'
title: 'hey second tab'

Lloyd K
4 Feb 2010, 8:17 AM
Does it still happen with deferredRender set to false and layoutOnTabChange to true on the TabPanel?

5 Feb 2010, 5:31 AM
Yes, it still happens with the deferredRender: false and layoutOnTabChange: true.
So I really think it's a bug