Ext.MessageBox is not modal when on top of a sheet

[Nicodemuz]

Hi,

I have a sheet (Ext.Sheet) with lots of stuff in it. In this sheet, I am trying to open a modal MessageBox. Below is the code I'm trying to use:


Ext.Msg.show({
cls: 'popupBox',
modal: true,
title: 'Removal',
msg: 'Are you sure you want to remove this?',
buttons: Ext.MessageBox.YESNO,
fn: removeSelectedItem,
scope : this,
icon: Ext.MessageBox.QUESTION,
});

I have declared the MessageBox as modal, but I believe the MessageBox is not able to be modal on top of a sheet? Is this a bug? And is there any workaround to make the MessageBox appear modal on top of a Ext.Sheet?

Thanks!

[danmux]

The Mask behaviour is naive in Sencha Touch, whereas a mature window manager would maintain the stack of windows including modal and floating and masked layers - Sencha Touch does not appear to do that.

There are fixed z-index values for these things (check the CSS) and you will start to understand the relative priorities.

I have for the moment temporarily re-jigged the z-indexes - to suit my use case, I suspect you may need to do the same.