Dialog: Fix stacking of modal dialog overlays

Fixes #10138
Closes gh-1286
This commit is contained in:
Scott González 2014-07-17 11:08:57 -04:00
parent ffe60e39db
commit acfda4be52

View File

@ -260,6 +260,14 @@ return $.widget( "ui.dialog", {
this._position(); this._position();
this._createOverlay(); this._createOverlay();
this._moveToTop( null, true ); this._moveToTop( null, true );
// Ensure the overlay is moved to the top with the dialog, but only when
// opening. The overlay shouldn't move after the dialog is open so that
// modeless dialogs opened after the modal dialog stack properly.
if ( this.overlay ) {
this.overlay.css( "z-index", this.uiDialog.css( "z-index" ) - 1 );
}
this._show( this.uiDialog, this.options.show, function() { this._show( this.uiDialog, this.options.show, function() {
that._focusTabbable(); that._focusTabbable();
that._trigger( "focus" ); that._trigger( "focus" );