Panel.disable not working properly in IE8

[varunjyoti]

I am disabling a panel in my script using both setDisabled(true) and disable() function. When i disable the panel, it gets disabled in all the browsers. In firefox, chrome and IE9, the panel gets disabled and fades a bit so that the data in the panel is visible to the user. But in IE8, the panel data is not at all visible and it gets blacked out. I want it to behave similar to other browsers. I am using 4.0.5 and i cant upgrade to newer version. Please suggest.

[scottmartin]

Make sure you browser is not in Quirks Mode. If you set it to IE standard, it will display fine.

Regards,
Scott.

[varunjyoti]

scottmartin,

Thanks for the reply. But my browser is in IE8 mode and it is not in quirks mode. It works fine in IE9.

[scottmartin]

This displays fine in IE8:

Ext.onReady(function(){

	var mypanel = Ext.create('Ext.panel.Panel', {
	    title: 'Hello',
	    width: 200,
	    html: '<p>World!</p>',
	    renderTo: Ext.getBody()
	});

	mypanel.setDisabled(true);
	//mypanel.disable();
 
});

f199891.png

Regards,
Scott.

[varunjyoti]

Then i guess problem could be in the CSS i am using. I am using custom CSS for my product.