Ext version tested:
  • Ext 4.1.3 rev 125
Browser versions tested against:
  • Chrome 23.0.1271.95 m
  • Maybe in all others..
  • From a modal window, if you use a Ext.Msg.prompt and in the callback you use a Ext.Msg.alert, the alert is displayed behind all others windows
Steps to reproduce the problem:
  • Create a simple modal window with a button
  • When the button is clicked, prompt a message and in the callback display an alert...
The result that was expected:
  • The alert should be displayed above all others windows
The result that occurs instead:
  • The alert is displayed behind all others windows
Test Case:

Ext.create('Ext.window.Window', {
    modal: true,
    title: 'This is a simple modal window...',
    items: [
            xtype: 'button',
            text: 'Click Me',
            listeners: {
                click: function (b){
                    Ext.Msg.prompt('Name', 'Please enter your name:', function(btn, text){
                        if (btn == 'ok'){
                            // process text value and close...
                            Ext.Msg.alert('This is my alert', 'Why this alert is displayed behind all others ???');


Screenshot or Video:


Additional CSS used:
  • only default ext-all.css
Operating System:
  • Win7 x64