fix(ui-dialog): menu closes when clicking on submenu

instructure · Apr 9, 2024 · 7e7d1aa · 7e7d1aa
1 parent 4645981
commit 7e7d1aa
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/ui-dialog/src/Dialog/index.tsx b/packages/ui-dialog/src/Dialog/index.tsx
@@ -106,9 +106,13 @@ class Dialog extends Component<DialogProps> {
   }
 
   close() {
-    if (this._focusRegion) {
-      FocusRegionManager.blurRegion(this.contentElement, this._focusRegion.id)
-    }
+    const { _focusRegion, contentElement } = this
+    // setTimeout is used here to delay the blur after the mousedown event in FocusRegion for correct execution order
+    setTimeout(() => {
+      if (_focusRegion) {
+        FocusRegionManager.blurRegion(contentElement, _focusRegion.id)
+      }
+    }, 0)
   }
 
   focus() {