Basic example code:

<ice:form>
<ice:commandButton value="Open" actionListener="#

"/>
</ice:panelGroup>
</f:facet>
</ice:panelPopup>

</ice:form>

Please look at these additional modal popup issues in context with the issues you are already looking at regarding popups. Feel free to make separate JIRAs as required.

Seems when you set a modal dialog to draggable and try to drag it, it just goes under the iframe and can't be dragged anymore. See Screenshot-01. Need to fix this first.

Fixed above problem (i.e. popup going under iframe).

When you move the mouse pointer quickly, it leaves the popup and moves onto the iframe, but it seems mouse moves on the iframe doesn't trigger any mouse move event at all, even though there is a mouse move event listener for the document. It is as if the iframe weren't considered part of the document at all. Only mouse moves within the popup are seen by the listener.

Tried many ways of adding a listener to the iframe. None of them seemed to work.

Seems you can only register an iframe event handler from within the iframe document itself? This poses some problems.

• right now the iframe blank page is written out by an output stream
• the iframe doesn't know anything about any popup
• the popup and drag and drop know about the iframe but can't control its event handling
• generating the iframe document dynamically on the client side might solve some problems but will cause security warnings in IE
• need to communicate between the main window and iframe window without triggering security issues
• need to map cursor positions between main window and iframe window
• ......

See screenshot-2. It was done using document click event handling from within the iframe document itself. Tried doing the exact same thing from the main document. Just couldn't get it to work. (Just tried using the standard W3C addEventListener mechanism. Getting it to work with Prototype may be another hurdle since there is no Prototype in the iframe doc.)

Tried using a div within the iframe, but I couldn't even find a way to access the div from main document. I could only get to the iframe document object. (Even that is not trivial to do in a cross-browser way.) On the web, some say if the iframe document is from the same domain then it should be fully accessible, some say if the iframe is dynamically created then there may be problems. Anyways I have tried every suggestion I could find but still couldn't get it to work. You always get a null or undefined when you try to access an element in the iframe.

Fixed based on Ken's idea of adding an extra div between the iframe and the popup. Div is cloned to be the same position and size as iframe.