From c755735e03c7a703a4ca0e0fde0be6ec38be9ae2 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 17 Jul 2020 06:30:15 -0400
Subject: [PATCH] Delay opening

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

diff --git a/src/components/drawer/drawer.tsx b/src/components/drawer/drawer.tsx
index e7d6ffe5a..7394d7da9 100644
--- a/src/components/drawer/drawer.tsx
+++ b/src/components/drawer/drawer.tsx
@@ -112,7 +112,7 @@ export class Drawer {
 
     this.drawer.hidden = false;
     this.host.clientWidth; // force a reflow
-    this.open = true;
+    requestAnimationFrame(() => (this.open = true));
 
     // Lock body scrolling only if the drawer isn't contained
     if (!this.contained) {