Permalink
Browse files

Dialog: Fix stacking of modal dialog overlays

Fixes #10138
Closes gh-1286
  • Loading branch information...
scottgonzalez committed Jul 17, 2014
1 parent ffe60e3 commit acfda4be521e48c6b61cc458a715ef163892ac36
Showing with 8 additions and 0 deletions.
  1. +8 −0 ui/dialog.js
View
@@ -260,6 +260,14 @@ return $.widget( "ui.dialog", {
this._position();
this._createOverlay();
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() {
that._focusTabbable();
that._trigger( "focus" );

0 comments on commit acfda4b

Please sign in to comment.