fix(modal): activate focus trap reliably at start of transition

tobyzerner · Oct 12, 2023 · 5036a4f · 5036a4f
1 parent 66e0ca1
commit 5036a4f
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/modal/modal.ts b/src/modal/modal.ts
@@ -117,9 +117,10 @@ export default class ModalElement extends HTMLElement {
 
     private async wasOpened() {
         this.hidden = false;
-        await hello(this);
 
-        this.focusTrap?.activate();
+        hello(this);
+
+        requestAnimationFrame(() => this.focusTrap?.activate());
 
         this.dispatchEvent(new Event('open'));
     }