Changes between Initial Version and Version 5 of Ticket #5860
- Timestamp:
- Aug 2, 2010, 1:08:25 PM (13 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
Ticket #5860
-
Property
Status
changed from
new
toreopened
-
Property
Component
changed from
effects.core
toui.dialog
-
Property
Summary
changed from
.ui-effects-wrapper seems to be colliding with tabs
toDialog: Destroying a dialog during animated close leaves .ui-effects-wrapper in DOM
-
Property
Milestone
changed from
TBD
to1.9
-
Property
Status
changed from
-
Ticket #5860 – Description
initial v5 1 This is probably an edge case, but I've reproduced it in two browsers using my application, so I thought I'd report it.1 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. 2 2 3 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. 4 5 At this point, the tabs that formerly were under the dialog box no longer are clickable, but the ones that remained showing are. 6 7 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. 8 9 My workaround at this point is to define the following style in my stylesheet: 10 11 .ui-effects-wrapper { 12 display: none; 13 } 3 {{{ 4 $( "#dialog" ).dialog({ hide: "clip" }).dialog( "close" ).dialog( "destroy" ); 5 setTimeout(function() { 6 alert( $( ".ui-effects-wrapper" ).length ); 7 }, 1000); 8 }}}