Details
-
Type: Bug
-
Status: Closed
-
Priority: Major
-
Resolution: Fixed
-
Affects Version/s: EE-3.0.0.GA_P01, 3.2
-
Fix Version/s: EE-3.2.0.BETA, EE-3.2.0.GA, 3.3
-
Component/s: ACE-Components
-
Labels:None
-
Environment:IE7, IE8/9 Compat Mode
-
Assignee Priority:P2
Description
An ace:dialog is defined in an ace:tabPane/ace:tabSet. When the dialog is opened in IE7 or IE8/9 COmpat mode the dialog is rendered under the modal overlay, therefore preventing the dialog from being clicked.
Committed fix to trunk at revision 32185.
After trying several possible solutions, what solved the problem was to bring the modal dialog overlay element to the same dom tree level as the dialog root node, so that the specified z-index values are handled as they were initially intended. This is done only for IE7 browsers. The fix had to go in the jquiery-ui code because it's not possible to access the reference to the overlay node from outside of that code. This fix was also tested outside of a tabset, and it doesn't affect the component in that case. The same situation was present with ace:confirmationDialog. This fix solves the problem for both components.
Testing notes: Just make sure that the dialog is always displayed on top of the overlay in every browser, inside or outside a tabset component.