From 7f89b6ab09a1c61501821d5ea6e52c21b9bdb173 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 17 Jul 2020 09:09:57 -0400
Subject: [PATCH] Fix initial dialog transition in Firefox

---
 src/components/dialog/dialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/dialog/dialog.tsx b/src/components/dialog/dialog.tsx
index 0f7cc38d..1b93c2dd 100644
--- a/src/components/dialog/dialog.tsx
+++ b/src/components/dialog/dialog.tsx
@@ -104,7 +104,7 @@ export class Dialog {
 
     this.dialog.hidden = false;
     this.host.clientWidth; // force a reflow
-    this.open = true;
+    requestAnimationFrame(() => (this.open = true));
 
     lockBodyScrolling(this.host);
     document.addEventListener('focusin', this.handleDocumentFocusIn);