Looks like we cannot reproduce this. Please provide another test case to reproduce this issue.
  1. #1
    Sencha Premium Member
    Join Date
    Mar 2010
    Location
    Moscow
    Posts
    19
    Vote Rating
    2
    alexandrov is on a distinguished road

      0  

    Exclamation [EXT 4.2] Modal window bug

    Ext version tested:
    • Ext 4.2.1.744
    • Ext 4.2.0.663
    Browser versions tested against:
    • Chrome 26.0.1410.65
    • Firefox 20 (firebug 1.11.2 installed)
    • Safari 6.0.3
    • Opera 12.14
    Description:
    • I create a viewport and define 2 window. Then I made a button with handler. This handler opens win1. In win1 I made a grid with handler. This handler opens win2.
      It works with Ext 4.1.x
      It failed with Ext 4.2.x
    Steps to reproduce the problem:The result that was expected:
    • Second modal window should open on top
    The result that occurs instead:
    • Second modal window opens behind
    Test Case:
    Code:
    Ext.onReady(function(){
        Ext.create('Ext.container.Viewport',{
    
    
            layout: 'fit',
    
    
            items: [{
                xtype: 'panel',
                dockedItems:[{
                    xtype: 'toolbar',
                    items:[{
                        text:'open win',
                        scope:this,
                        handler:function(){
                            var win = Ext.create('win1',{});
                            win.show();
                            console.log('check some row')
                        }
                    }]
                }]
            }]
        });
        
        console.log('open a window')
    },this);
    
    
    Ext.define('win1',{
        extend:'Ext.Window',
        
        width:600,
        height:400,
        border:false,
        modal:true,
        layout:'fit',
        
        title:'check some row',
        
        initComponent:function()
        {
            var win = this;
            this.items = [{
                xtype:'grid',
                store:Ext.create('Ext.data.Store',{
                    fields: [
                             {name: 'id', type: 'int'},
                             {name: 'title', type: 'string'}
                         ],
                    data:[{
                        id:1,
                        title:'title 1'
                    },{
                        id:2,
                        title:'title 2'
                    },{
                        id:3,
                        title:'title 3'
                    }]
                }),
                columns: [{
                    dataIndex:'title',
                    flex:1
                }],
                selModel:Ext.create('Ext.selection.CheckboxModel',{
                    showHeaderCheckbox:false
                }),
                listeners:{
                    scope:this,
                    select:this.openNextWin
                }
            }];
            
            this.dockedItems = [{
                xtype: 'toolbar',
                dock: 'bottom',
                ui: 'footer',
                defaults: {minWidth: 75},
                items: [{
                    text:'Close',
                    scope:this,
                    handler:this.close
                }]
            }];
            
            this.callParent(arguments);
        },
        openNextWin:function(sm, smthelse)
        {
            var win = Ext.create('win2',{});
            win.show();
            console.log('!!!! why did it appear behind the window? !!!!')
        }
    });
    Ext.define('win2',{
        extend:'Ext.Window',
        
        width:400,
        height:600,
        modal:true,
        
        title:'Why did it appear behind?',
        
        initComponent:function()
        {
            this.dockedItems = [{
                xtype: 'toolbar',
                dock: 'bottom',
                ui: 'footer',
                defaults: {minWidth: 75},
                items: [{
                    text:'Close',
                    scope:this,
                    handler:this.close
                }]
            }];
            
            this.callParent(arguments);
        }
    });

    HELPFUL INFORMATION

    See this URL for live test case:Additional CSS used:
    • only default ext-all.css
    Operating System:
    • OS X 10.8.3

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,154
    Vote Rating
    247
    slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of

      0  

    Default

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

  3. #3
    Sencha Premium Member
    Join Date
    Mar 2010
    Location
    Moscow
    Posts
    19
    Vote Rating
    2
    alexandrov is on a distinguished road

      0  

    Question

    In ext-4.2.2-941 (ext-4.2.2-20130730-beta) this bug wasn't fixed. When will be fixed?

  4. #4
    Sencha User
    Join Date
    Jan 2014
    Posts
    2
    Vote Rating
    0
    zolta.szekely is on a distinguished road

      0  

    Default Need a fix for this bug at the framework level

    Workaround works, but we need a fix for this bug at the framework level.

Thread Participants: 2