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