Ext.MessageBox/LoadMask and z-index management

[r_honey]

The example below says it all:

Ext.setup({
    		onReady: function() {
    			Ext.Viewport.add(
          {
            xtype: 'panel',
            layout: 'hbox',
            items: [
              {
                xtype: 'toolbar',
                docked: 'top',
                items: [
                  {
                    text: 'Mask first panel',
                    handler: function() {
                      Ext.getCmp('pnl1').mask('Please wait...');          
                      Ext.Msg.prompt('Title', 'Enter something', function() {});
                    }
                  },
                  {
                    text: 'Mask second panel',
                    handler: function() {
                      Ext.getCmp('pnl2').mask('Please wait...');          
                      Ext.Msg.prompt('Title', 'Enter something', function() {});
                    }
                  }
                ]
              },
              {
                xtype: 'panel',
                width: 250,
                id: 'pnl1'
              },
              {
                xtype: 'panel',
                flex: 1,
                id: 'pnl2'
              }
            ]
          });        
    		}
    	});

[Jamie Avins]

Thank you for the report, this is something we are painfully aware of.

[r_honey]

Yes, I can imagine that.. Managing z-indexes can be tricky in these situations.