Changes between Initial Version and Version 5 of Ticket #5860


Ignore:
Timestamp:
Aug 2, 2010, 1:08:25 PM (10 years ago)
Author:
Scott González
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • 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
  • 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.
     1If a dialog has the hide option set and the dialog is destroyed while it is being animated, the effects wrapper remains in the DOM.
    22
    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" );
     5setTimeout(function() {
     6    alert( $( ".ui-effects-wrapper" ).length );
     7}, 1000);
     8}}}