View Full Version : [CLOSED]Ext.loadMask on Panel interferes with autoScroll

8 Nov 2010, 5:51 AM
ExtJS version: 3.2.2

The property autoscroll: true of Ext.Panel class sets a style overflow: auto to the panel body on render.

However, if you have a Ext.LoadMask specified on the panel body:

new Ext.LoadMask(panel.body)The load mask adds a css class .x-masked to the body element:

.x-masked {
overflow: hidden !important;
}As the .x-masked css class contains !important at end for the overflow property, it overrides the autoScroll: true property of panel and as a result the panel never displays a scroll bar if a Ext.LoadMask is configured on its body, even when the load mask is not visible.

8 Nov 2010, 6:23 AM
Are you sure?

LoadMask only adds x-masked when the mask is shown. The class is removed when the mask is hidden!

(checked Ext 3.2.1 and 3.3.0 - don't have a 3.2.2 on my PC)

8 Nov 2010, 6:49 AM
That should be the ideal behavior, but the class is not removed when the load mask is hidden. Checked it on 3.2.2

8 Nov 2010, 7:46 AM
Yes, 3.2.2 seems to be wrong.

Duplicate of this bugreport (http://www.sencha.com/forum/showthread.php?109143-CLOSED-1256-Ext.LoadMask.hide-leaves-select-hidden&p=514204#post514204).

8 Nov 2010, 5:56 PM
This has since been resolved in 3.3.