MessageBox displayed over Modal window show up behind Modal Window and invisible

[nanotron]

Hello,

the testcase:

Ext.setup({
    icon: 'icon.png',
    glossOnIcon: false,
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    onReady: function() {
        var win = new Ext.Panel({
            floating: true,
            modal: true,
            id: 'owin',
            centered: true,
            width: 260,
            height: 260,

            html: 'Tap for Messagebox'
        });
        win.show();
        win.el.on('tap', function(){
            Ext.Msg.alert('Tap OK.')
        });

    }
});

When you tap on the OK-button the window will be hidden instead of the messagebox.

Best regards

[BrendanC]

Thanks for the bug report.

[nanotron]

friendly bump

[nanotron]

bump

[chandramuralis]

Sencha Touch version tested:

• 1.1.0

• only default ext-all.css

Platform tested against:

• iOS 3.x
• iOS 4
• Android 2.1
• Android 2.2
• Windows Desktop Chrome
• Windows Desktop Safari

Description:

• Message Box displayed over another Modal window doesn't display over the Modal window instead the message box goes behind that modal window.

Test Case:

Ext.setup({
    onReady: function () {
        var mainWin = new Ext.Panel({
            layout: { type: 'vbox', pack: 'center' },
            fullscreen: true,
            items:
                [
                    {
                        xtype: 'button',
                        text: 'Click me first',
                        width: '30%',
                        handler: function () {
                            var win1 = new win();
                            win1.show();
                        }
                    },
                    {
                        xtype: 'button',
                        text: 'Click me second',
                        width: '30%',
                        handler: function () {
                            var win2 = new win();
                            win2.show();
                        }
                    },
                ]
        });


        win = Ext.extend(Ext.Panel, {
            constructor: function (config) {
                var internalConfig =
                {
                    floating: true,
                    modal: true,
                    centered: true,
                    width: '50%',
                    height: '50%',
                    layout: { type: 'vbox', pack: 'center'},
                    items:
                    [
                        {
                            xtype: 'button',
                            text: 'click me',
                            handler: function () {
                                Ext.Msg.alert('Tap OK to close me')
                            }
                        }
                    ]
                };


                config = Ext.apply(internalConfig, config);
                win.superclass.constructor.call(this, config);
            }
        });
        mainWin.show();
    }
});

Steps to reproduce the problem:

• Create a simple panel and show a modal window from that panel.
• Add a button to that modal window and display a message box when that button is clicked
• Now press the button to show the message box from the Modal Window. Check if the message box is displayed over the Modal window.
• If not close that message box, close the modal window. Repeat the same procedure by opening the Modal window and press the button to show Message Box. This time message box will be displayed behind the Modal window.

The result that was expected:

• Message Box should be always displayed over the Modal window

The result that occurs instead:

• Message box goes behind the Modal Window and the user was not able to see the message box.

Debugging already done:

• none

Possible fix:

• not provided

[mike.estes]

could you supply a test case? test cases help us process these reports efficiently

[chandramuralis]

I don't have any code that I could share here in public forum, but it is very easily reproducible if you follow the same steps mentioned in "Steps to Reproduce" section.

[nanotron]

may be related to this old bug:
http://www.sencha.com/forum/showthre...eive-Tap-Event

best regards

[chandramuralis]

may be related to this old bug:
http://www.sencha.com/forum/showthre...eive-Tap-Event

best regards

Seems to be similar to your issue, so I copied your test case and modified little bit to reproduce this issue. Thanks nanotron.