View Full Version : [OPEN] [OPEN-724] Problem with disabled property

17 Jun 2010, 4:30 AM
Hello all.

I use Ext 3.2.1 with ext core adapter and the default ext-all.css theme.

I observed a display bug when I try to create a panel (or window) with multiples disabled subpanels. I tested with Firefox 3.6, Opera 10.60 et Chromium.

My code example :

var mywin = new Ext.Window({
layout: 'hbox',
height: 300,
width: 300,
layoutConfig: {align: 'stretch', pack: 'start'},
items: [{title: 'eee',flex: 1, disabled:true},
{title:'aaa',flex: 1, disabled:true}]

The displayed window :


My first disabled subpanel ('eee') is displayed, not the other ('aaa').

I try to use the boder layout or to put the disabled property directly into the Window config, but I've the same problem.

I looked at the generated code with firebug, and the problem is due to the x-masked-relative css class (line 78 of ext-all.css). When I disable this class, it works fine!

.x-masked-relative {
position:relative !important;

My displayed windows with the .x-masked-relative disabled


I think disable .x-masked-relative class in the css is not a solution...so is it a bug? Do you know another solutions?

Thank you.

OS : Ubuntu 10.04
Browser : Firefox 3.6
ExtJS 3.2.1
Adapater : Ext core

Jamie Avins
17 Jun 2010, 4:12 PM
It looks related to another reported issue (http://www.extjs.com/forum/showthread.php?t=94211). I think you are on the correct track though.