From acfda4be521e48c6b61cc458a715ef163892ac36 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Scott=20Gonz=C3=A1lez?= Date: Thu, 17 Jul 2014 11:08:57 -0400 Subject: [PATCH] Dialog: Fix stacking of modal dialog overlays Fixes #10138 Closes gh-1286 --- ui/dialog.js | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/ui/dialog.js b/ui/dialog.js index 0ee94e4cf..470676cbe 100644 --- a/ui/dialog.js +++ b/ui/dialog.js @@ -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" );