PDA

View Full Version : [2.0a1] IE 7 BorderLayout bug? autoScroll doesn't work



punkrider
8 Oct 2007, 2:42 PM
Windows Vista Home Ultimate RTM
IE 7
Ext2.0 a1
bundled yui utilities & adapter

Creating a container as follows doesn't give me scrollbars when content overflows the containing div:

#line 15 doesn't work in IE 7
http://dpaste.com/hold/21818/



function _buildLayout(o){
o.viewport = new Ext.Container({
applyTo: 'grid_result',
layout: 'border',
items: [{
region: 'center',
titlebar: true,
autoScroll: false,
layout: 'border',
items: [{
region: 'center',
id: 'Page',
contentEl: 'mf_page',
titlebar:false,
autoScroll: true
},{
region: 'south',
id: 'Settings',
contentEl: 'mf_panel_Settings',
height: 100,
minSize: 100,
maxSize: 200,
collapsible: false,
split: true,
titlebar: false,
autoScroll: true
}]
},{
region: 'east',
id: 'PagePartProperties',
contentEl: 'mf_panel_PagePartProperties',
split: true,
width: 200,
minSize: 100,
maxSize: 250,
autoScroll: true,
title: 'Page Properties'
}]
});


a workaround includes setting the style explicitly for the container element:

fe. #Page { overflow: auto; } seems to fix my case for IE & FF both nicely.

btw: this viewset object is being loaded dynamically into page via an updater. if you need more info let me know. :)

jsakalos
8 Oct 2007, 3:17 PM
Hmm, somewhere I've seen Jack's response for the similar problem that adjusting css may be needed in some cases.

Hope your solution also helps others.

punkrider
17 Oct 2007, 10:20 AM
I'll update the bug above in a bit, however it seems in IE7 i actually needed to assign the position style attribute equal to 'relative' for the 'Page' panel.