Ext.Msg.alert is set behind iframe in IE

[ks2009]

Good day,

I have a panel declaration as this:

panel = Ext.create('Ext.Panel',{id:'preview',title:'Document Preview',frame:true,
                collapsible:true,
                //floatable:true,
                title:'Document Preview',
                
                height:'55%',
                width:'100%',
                layout:
                {
                    type:'hbox',
                    align:'stretched'
                },
                html:'<iframe id="myframe" width="100%" height="100%" src="_blank" style="z-index:-1"></iframe>'
                
        });

When code like Ext.Msg.wait(''....), it is being shown behind the iframe. I set the z-index of the iframe but it is still not making the right result.

Thank you

[mitchellsimoens]

Using your code I do not see this behavior of the Ext.Msg.alert using IE9 and our latest code or 4.0.7.

[mitchellsimoens]

Also, unless used in BorderLayout, a component does not support height and width specified as a string. It can only be a number