From 1440ec0d0757d3576a2ae9d1ac558fc88f18afcc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s=20Alvarez?=
 <andres.alvarez@andresalvarez-MacBook-Pro-7R6H.local>
Date: Fri, 19 Apr 2024 12:04:44 +0200
Subject: [PATCH 1/2] improve dialog performance

---
 packages/react/dismissable-layer/src/DismissableLayer.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/dismissable-layer/src/DismissableLayer.tsx b/packages/react/dismissable-layer/src/DismissableLayer.tsx
index 669814d87..2d2c52d14 100644
--- a/packages/react/dismissable-layer/src/DismissableLayer.tsx
+++ b/packages/react/dismissable-layer/src/DismissableLayer.tsx
@@ -116,7 +116,10 @@ const DismissableLayer = React.forwardRef<DismissableLayerElement, DismissableLa
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
           originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;
-          ownerDocument.body.style.pointerEvents = 'none';
+
+          setTimeout(() => {
+            ownerDocument.body.style.pointerEvents = 'none';
+          }, 0);
         }
         context.layersWithOutsidePointerEventsDisabled.add(node);
       }

From 645019707e7ff07598679a9815aaebf63d0fb264 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s=20Alvarez?=
 <andres.alvarez@andresalvarez-MacBook-Pro-7R6H.local>
Date: Fri, 19 Apr 2024 12:12:09 +0200
Subject: [PATCH 2/2] add timeout when pointer event is removed

---
 packages/react/dismissable-layer/src/DismissableLayer.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/react/dismissable-layer/src/DismissableLayer.tsx b/packages/react/dismissable-layer/src/DismissableLayer.tsx
index 2d2c52d14..a97063e9d 100644
--- a/packages/react/dismissable-layer/src/DismissableLayer.tsx
+++ b/packages/react/dismissable-layer/src/DismissableLayer.tsx
@@ -130,7 +130,9 @@ const DismissableLayer = React.forwardRef<DismissableLayerElement, DismissableLa
           disableOutsidePointerEvents &&
           context.layersWithOutsidePointerEventsDisabled.size === 1
         ) {
-          ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;
+          setTimeout(() => {
+            ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;
+          }, 0);
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);