PDA

View Full Version : Ext.Resizable not working correctly in IE6 on Panel



dbassett74
9 Nov 2009, 10:23 AM
I am attempting to make a resizable Panel, using the following code:



var pnl = new Ext.Panel({
title: "Panel1",
layout: "absolute",
width: 200,
height: 200,
x: 20,
y: 20,
listeners: {
render: function(p) {
new Ext.Resizable(p.getEl(), {
handles: 'n e w s',
pinned: true,
transparent: true,
resizeElement: function() {
var box = this.proxy.getBox();
p.updateBox(box);
if (p.layout) {
p.doLayout();
}
return box;
}
});
}
}
});
The above works fine in FF3, Chrome, Safari and Opera. But in IE6, only the north and south resize is working. When hovering over the west or east sides, no resize handle appears and is unable to be resized in the west/east planes.

Is there something I'm missing here??