It works fine with normal html but has problem with the following html fragment:
<object id="ADRViewer" classid="clsid:A662DA7E-CCB7-4743-B71A-D817F6D575DF" border="0" hspace="0" width="100%" height="100%">
<param name='RibbonDisplayMode' value='RibbonNotShown'>
<param name='CanvasToolbarEnabled' value='0'>
<param name="src" value="DWM_DRAWING_SOURCE" />
</object>
which is used to embed Autodesk Design Review to display autocad drawing. Please see the attached file for a screenshot. There are two panels. The same menu works fine with the bottom panel which contains a simple html text while the top panel which use the html fragment above (contained in 'dwgObj.html' shown below) has problem displaying the menu. Here is the code:
I just tried to bring the menu to front using zIndexManager in the 'expand' event listener. It turns out Ext.menu.Menu does not fire the event 'expand'. Is this a bug?
Can anyone help me how I can force the menu to show? I tried zIndexManager, WindowManager and setting z-index directly but could not make it work. I also tried to have the toolbar separate from the panel that host the drawing image and have the toolbar added after the drawing is loaded. Nothing works.
Not sure if this is a bug with the new Ext JS. We don't have this issue with the old Ext JS (2.x). Please! Can anyone offer any hint on what can be done? Thanks.