You found a bug! We've classified it as EXTJS-9273 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Aug 2012
    Posts
    2
    Vote Rating
    0
    azeroth is on a distinguished road

      0  

    Default Mask on modal window shows up behind the window

    Mask on modal window shows up behind the window


    REQUIRED INFORMATION
    Ext version tested:
    • Ext 4.2
    Browser versions tested against:
    • Chrome
    • IE9
    • Safari 4
    Description:Steps to reproduce the problem:
    • Create a window over a panel, call either Ext.net.Mask.show({msg: 'something', target: 'page'}) or Ext.getBody().mask('something').
    • Ext.net.Mask.show({msg: 'something', target: 'page'}) used to work and is all over in our code. It would be nice if that could be fixed so that we don't have to fix all the masks.
    The result that was expected:
    • Mask in front of the modal window
    The result that occurs instead:
    • Mask behind the modal window
    Test Case:
    Code:
    Ext.QuickTips.init();
    new Ext.container.Viewport({
        layout : 'fit',
        items  : {
            tbar : [
                {
                    text    : 'Click here',
                    handler : function () {
                        new Ext.window.Window({
                            title  : 'Test',
                            height : 300,
                            width  : 300,
                            modal  : true,
                            layout : 'fit',
                            items  : [
                                {
                                    xtype   : 'button',
                                    text    : 'push me',
                                    handler : function () {
                                        new Ext.window.Window({
                                            title  : 'Test',
                                            height : 200,
                                            width  : 200,
                                            modal  : true,
                                            layout : 'fit',
                                            items  : [
                                                {
                                                    xtype   : 'button',
                                                    text    : 'push me',
                                                    handler : function () {
                                                        Ext.getBody().mask('This is a message');
                                                    }
                                                }
                                            ]
                                        }).show();
                                    }
                                }
                            ]
                        }).show();
                    }
                }
            ]
        }
    });
    Possible fix:
    • this.getBody().mask('something') seems to work where 'this' is the window. I'd rather not rely on that because of scope issues...
    Operating System:
    • Win 7

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,824
    Vote Rating
    836
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

Thread Participants: 1

Tags for this Thread