[FIXED-499][3.??] CSS Problem with Resizable el inside of Window

[cnelissen]

Just doing some playing around and I noticed that the CSS rules hide a resizable component that is placed inside of a window element. IE:



var win = new Ext.Window({
items: [{
id: 'wrapper',
html: ''
}]
});

var resizer_el = Ext.DomHelper.append(Ext.get('wrapper'), {'id': 'resizer_el', 'tag': 'div', 'style': 'cursor: move; height: 50px; left: ' + Ext.get('wrapper').getX() + 'px; position: absolute; top: ' + Ext.get('wrapper').getY() + 'px; width: 50px;'});
var resizer = new Ext.Resizable(resizer_el, {
constrainTo: Ext.get('wrapper'),
pinned: true,
handles: 'all',
draggable: true,
dynamic: true
});


The resizer will never show up because of two rules in ext-all.css:

On line 4360
.x-window-maximized .x-resizable-handle {
display:none;
}

On line 4199
.x-window .x-resizable-handle {
opacity:0;
}

I think there should be another class added to a resizable component, like .x-resizable, so it could be targeted directly and shown...

[evant]

Sounds reasonable. A fix for this has been added into SVN, rev 5960.