@brightspace-ui/core 3.326.0 → 3.326.1

package/components/dialog/dialog-mixin.js

@@ -393,12 +393,17 @@ export const DialogMixin = superclass => class extends superclass {
 		));
 	}
 
-	_handleDialogClose(e) {
+	_handleDialogCloseWithinNative(e) {
+		// prevent close event from bubbling and closing parent dialogs
+		e.stopPropagation();
+	}
+
+	_handleDialogCloseWithinNonNative(e) {
 		this._nestedShowing = false;
 		e.stopPropagation();
 	}
 
-	_handleDialogOpen(e) {
+	_handleDialogOpenWithinNonNative(e) {
 		this._nestedShowing = true;
 		e.stopPropagation();
 	}
@@ -559,6 +564,7 @@ export const DialogMixin = superclass => class extends superclass {
 				class="${classMap(dialogOuterClasses)}"
 				@click="${this._handleClick}"
 				@close="${this._handleClose}"
+				@d2l-dialog-close="${this._handleDialogCloseWithinNative}"
 				@d2l-fullscreen-within="${this._handleFullscreenWithin}"
 				id="${this._dialogId}"
 				@keydown="${this._handleKeyDown}"
@@ -571,8 +577,8 @@ export const DialogMixin = superclass => class extends superclass {
 				aria-labelledby="${info.labelId}"
 				class="${classMap(dialogOuterClasses)}"
 				@click="${this._handleClick}"
-				@d2l-dialog-close="${this._handleDialogClose}"
-				@d2l-dialog-open="${this._handleDialogOpen}"
+				@d2l-dialog-close="${this._handleDialogCloseWithinNonNative}"
+				@d2l-dialog-open="${this._handleDialogOpenWithinNonNative}"
 				@d2l-fullscreen-within="${this._handleFullscreenWithin}"
 				id="${this._dialogId}"
 				role="${info.role}"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.326.0",
+  "version": "3.326.1",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",