PDA

View Full Version : tabPanel size changes after selecting a new tab



bobestjs
28 Oct 2013, 10:32 AM
Hello,

With a 4.2.1 tabPanel when I change tabs the size changes. Ive tried all the 4.2.1 themes they all have the same issue. With 4.0.7 it works as expected. See code and image below.

var tabs = Ext.create('Ext.tab.Panel', {border:true,bodyStyle:"border:4px solid #ff0000",
width:200,
height:200,
items: [
{
title: 'Tab 1',
html : 'Tab 1 content',
border: true,style:"border:4px solid #ffff00",
width:100,
height:100
},
{
title: 'Tab 2',
html : 'Tab 2 content',
border: true,style:"border:4px solid #ffff00",
width:100,
height:100
},
{
title: 'Tab 3',
html : 'Tab 3 content',
border: true,style:"border:4px solid #ffff00",
width:100,
height:100
}
],
renderTo : Ext.getBody()
});

46598

Gary Schlosberg
28 Oct 2013, 10:49 AM
So far I'm not able to reproduce. With which browser are you seeing this issue?

I put your code into this fiddle:
https://fiddle.sencha.com/#fiddle/18c

bobestjs
28 Oct 2013, 12:38 PM
I tried it in firefox and its working. Its not working in ie9 running on windows 2008 r2