fix(Dialog): Remove after dialog was hidden

Wait for the animation to end before removing the sl-dialog from the DOM.
AlchemyCMS · May 7, 2024 · 0c5c326 · 0c5c326
1 parent 9a600f2
commit 0c5c326
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/app/javascript/alchemy_admin/dialog.js b/app/javascript/alchemy_admin/dialog.js
@@ -107,8 +107,10 @@ export class Dialog {
    * remove the dialog from dom
    */
   #removeDialog() {
-    this.#dialogComponent.remove()
-    this.#isOpen = false
+    this.#dialogComponent.addEventListener("sl-after-hide", () => {
+      this.#dialogComponent.remove()
+      this.#isOpen = false
+    })
   }
 
   /**