@vaadin/dialog 25.1.8 → 25.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/dialog",
-  "version": "25.1.8",
+  "version": "25.1.9",
   "publishConfig": {
     "access": "public"
   },
@@ -37,19 +37,19 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/component-base": "~25.1.8",
-    "@vaadin/lit-renderer": "~25.1.8",
-    "@vaadin/overlay": "~25.1.8",
-    "@vaadin/vaadin-themable-mixin": "~25.1.8",
+    "@vaadin/component-base": "~25.1.9",
+    "@vaadin/lit-renderer": "~25.1.9",
+    "@vaadin/overlay": "~25.1.9",
+    "@vaadin/vaadin-themable-mixin": "~25.1.9",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/a11y-base": "~25.1.8",
-    "@vaadin/aura": "~25.1.8",
-    "@vaadin/chai-plugins": "~25.1.8",
-    "@vaadin/test-runner-commands": "~25.1.8",
+    "@vaadin/a11y-base": "~25.1.9",
+    "@vaadin/aura": "~25.1.9",
+    "@vaadin/chai-plugins": "~25.1.9",
+    "@vaadin/test-runner-commands": "~25.1.9",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "~25.1.8",
+    "@vaadin/vaadin-lumo-styles": "~25.1.9",
     "sinon": "^21.0.2"
   },
   "customElements": "custom-elements.json",
@@ -57,5 +57,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "284962838c38ec84495ea097b97d6d03cad2069b"
+  "gitHead": "4bf167ae31ef09b037ca0a56d2a1886d1eeb0ba8"
 }

package/src/vaadin-dialog-base-mixin.js

@@ -201,10 +201,11 @@ export const DialogBaseMixin = (superClass) =>
     }
 
     /** @private */
-    _bringOverlayToFront() {
-      if (this.modeless) {
-        this._overlayElement.bringToFront();
+    _bringOverlayToFront(event) {
+      if (!this.modeless) {
+        return;
       }
+      this._overlayElement.bringToFront(event);
     }
 
     /** @private */

package/src/vaadin-dialog-overlay.js

@@ -7,6 +7,7 @@ import { html, LitElement } from 'lit';
 import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
 import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
+import { getOverlaysOnTop, isNestedOverlay } from '@vaadin/overlay/src/vaadin-overlay-stack-mixin.js';
 import { LumoInjectionMixin } from '@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 import { dialogOverlayStyles } from './styles/vaadin-dialog-overlay-base-styles.js';
@@ -58,6 +59,29 @@ export class DialogOverlay extends DialogOverlayMixin(
       </div>
     `;
   }
+
+  /**
+   * @param {Event} event
+   * @protected
+   * @override
+   */
+  bringToFront(event) {
+    if (event instanceof Event) {
+      const path = event.composedPath();
+
+      // Do not bring overlay to front if this method is called
+      // on event that originates from a nested dialog content.
+      const isNestedDialogEvent = getOverlaysOnTop(this).some(
+        (overlay) => path.includes(overlay) && isNestedOverlay(this, overlay) && overlay instanceof DialogOverlay,
+      );
+
+      if (isNestedDialogEvent) {
+        return;
+      }
+    }
+
+    super.bringToFront();
+  }
 }
 
 defineCustomElement(DialogOverlay);

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/dialog",
-  "version": "25.1.8",
+  "version": "25.1.9",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/dialog",
-  "version": "25.1.8",
+  "version": "25.1.9",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {