Context Navigation

Changes between Initial Version and Version 5 of Ticket #5860

Ticket #5860
- Property Status changed from new to reopened
- Property Component changed from effects.core to ui.dialog
- Property Summary changed from .ui-effects-wrapper seems to be colliding with tabs to Dialog: Destroying a dialog during animated close leaves .ui-effects-wrapper in DOM
- Property Milestone changed from TBD to 1.9

-                      initial
+                      v5
 This is probably an edge case, but I've reproduced it in two browsers using my application, so I thought I'd report it.
+If a dialog has the hide option set and the dialog is destroyed while it is being animated, the effects wrapper remains in the DOM.
+I have a jQuery tabs control on a page (see screenshot).  I open a jQuery UI dialog with the 'scale' effect, the user saves some data, and then closes it with the 'scale' effect.
+At this point, the tabs that formerly were under the dialog box no longer are clickable, but the ones that remained showing are.
+I've tracked the issue to a div with the class name '.ui-effects-wrapper'.  Using firebug I can see that this div overlaps the tabs.  The portion of the tabs that were not overlapped still work, but the ones that are overlapped by this div do not.
+My workaround at this point is to define the following style in my stylesheet:
+.ui-effects-wrapper {
+        display: none;
+}
+{{{
+$( "#dialog" ).dialog({ hide: "clip" }).dialog( "close" ).dialog( "destroy" );
+setTimeout(function() {
+    alert( $( ".ui-effects-wrapper" ).length );
+}, 1000);
+}}}