fix: pointer events none (#449)

* Fix pointer events none * Add comment
emilkowalski · Sep 25, 2024 · 717a78d · 717a78d
1 parent 32024ab
commit 717a78d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/index.tsx b/src/index.tsx
@@ -703,7 +703,13 @@ export const Overlay = React.forwardRef<HTMLDivElement, React.ComponentPropsWith
     const hasSnapPoints = snapPoints && snapPoints.length > 0;
 
     // Overlay is the component that is locking scroll, removing it will unlock the scroll without having to dig into Radix's Dialog library
-    if (!modal) return null;
+    if (!modal) {
+      // Need to do this manually unfortunately
+      window.requestAnimationFrame(() => {
+        document.body.style.pointerEvents = 'auto';
+      });
+      return null;
+    }
 
     return (
       <DialogPrimitive.Overlay