LoadMask exceeds it's panel when partially hidden from scrolling

[louiscooper]

As you can see in the attached image, panels' LoadMasks exceed beyond their panel size. This happens only when the panel is in a scrollable container and the panel is partially hidden. If you can see the whole expanded panel, the LoadMask is fine and fits within the panel.

Code (stripped to it's skeletal form) :

{
      layout:'column',
      autoScroll: true,
      items:[
          {
              layout: 'anchor',
              autoScroll: true,
              items:[
                  {
                       id:'Network',
                       xtype:'form',
                       collapsible: true,
                       autoScroll:true,
                       loadingMask:null, // starts as null
                       constructor:function (config) {
                            this.setHeight(this.maxHeight);
                            return this.callParent(arguments);
                       },
                       listeners:{                           
                           beforeexpand:function (panel, opts) {
                                panel.loadingMask = new Ext.LoadMask(panel, {msg:"Loading screen..."});
                                panel.loadingMask.show();
                           },
                       }
                  }
              ]
          }
     ]
}

Thank you for reading my problem!

[mitchellsimoens]

You are masking a panel whose height is greater than the area that is visible. Sounds like you want to mask the parent panel.

[louiscooper]

It seems the mask area should end where the panel's visibility ends. I need the LoadMask on the panel, not the parent. If there is no way to do this, I will file a feature request/bug fix.

[mitchellsimoens]

The current behavior is proper. If the panel has 400px, then all 400px should be masked. The panel doesn't know what is visibile and what isn't, that's the parent's job.

[ettavolt]

'Ethernet' maybe configured as scrollable, but then something like accordion layout should be used in 'Network'.