PDA

View Full Version : Auto Scroll layout issue



James Goddard
12 Apr 2011, 8:05 AM
With the following code, size the west container larger and the center container then reserves space for scroll bars even though they are neither needed nor shown. Size it back down below the original width and the reserved space goes away.


Ext.onReady (function() {
var viewPort = Ext.create('Ext.container.Viewport', {
layout: 'border',
items: [{
collapsible: true,
minWidth: 100,
maxWidth: 500,
region: 'west',
split: true,
width: 250
}, {
id: 'contentArea',
xtype: 'tabpanel',
border: true,
enableTabScroll: true,
layoutOnChange: true,
region: 'center',
activeItem: 0,
items: [{
layout: 'fit',
activeItem: 0,
autoScroll: true,
closable: true,
title: 'Content',
items: [{
flex: 1,
layout: { type: 'hbox', padding: 5, align: 'stretch' },
items: [{
xtype: 'panel',
flex: 1,
title: 'Panel'
}]
}]
}]
}]
});
});

James Goddard
27 Apr 2011, 7:03 AM
This bug is still occurring in the release version.