fix(overlay-root): open/close with the same scheduling consideration

adobe · Oct 7, 2019 · 919b64e · 919b64e
1 parent 3e6d731
commit 919b64e
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/packages/overlay-root/src/overlay-stack.ts b/packages/overlay-root/src/overlay-stack.ts
@@ -105,11 +105,13 @@ export class OverlayStack {
     }
 
     public closeOverlay(event: CustomEvent<OverlayCloseDetail>): void {
-        const overlayContent = event.detail.content;
-        const overlay = this.overlays.find(
-            (item) => item.overlayContent === overlayContent
-        );
-        this.hideAndCloseOverlay(overlay);
+        requestAnimationFrame(() => {
+            const overlayContent = event.detail.content;
+            const overlay = this.overlays.find(
+                (item) => item.overlayContent === overlayContent
+            );
+            this.hideAndCloseOverlay(overlay);
+        });
     }
 
     private handleMouseCapture = (event: MouseEvent): void => {