Ext.Msg is not show on top of view

[duranmla]

Hi Sencha Community,

So the problem is simply to describe but I can't solved, I create a Ext.Msg.confirm but always is show under the window that I show at this moment. The code is large but this can ilustrated what happend:

Ext.define('myApp.controller.MyControl', {
//some code...
showEvent: function(){
      Ext.Viewport.add({
       xtype: panel,
       //some config...
       items: [
       xtype: button
       //When this button is tap---> Ext.Msg,confirm(//Some code..)---> this message is show under the current window HOW I CAN MAKE THAT THIS CAN SHOW ON FRONT OF VIEW???
      
      })
}
})

Thanks in advanced,

Regards.

[mitchellsimoens]

This is working fine for me:

Ext.Viewport.add({
    xtype : 'panel',
    items : [
        {
            xtype   : 'button',
            text    : 'Open',
            handler : function(button) {
                Ext.Msg.confirm('Confirm', 'Do you want to confirm?');
            }
        }
    ]
});

[duranmla]

I had to hide the current window while the Ext.Msg is show and them when the user confirm show the window again.