fix: Restore HTML raycast zIndex (#1291)

* Restore HTML raycast zIndex * fix: Incorrect selector
pmndrs · Feb 16, 2023 · 797b50d · 797b50d · vercel · Feb 16, 2023
1 parent faceb40
commit 797b50d
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/src/web/Html.tsx b/src/web/Html.tsx
@@ -193,10 +193,17 @@ export const Html = React.forwardRef(
 
     React.useLayoutEffect(() => {
       const el = gl.domElement as HTMLCanvasElement
-      el.style.zIndex = `${Math.floor(zIndexRange[0] / 2)}`
-      el.style.position = 'absolute'
-      el.style.pointerEvents = 'none'
-    }, [])
+
+      if (occlude && occlude === 'blending') {
+        el.style.zIndex = `${Math.floor(zIndexRange[0] / 2)}`
+        el.style.position = 'absolute'
+        el.style.pointerEvents = 'none'
+      } else {
+        el.style.zIndex = null!
+        el.style.position = null!
+        el.style.pointerEvents = null!
+      }
+    }, [occlude])
 
     React.useLayoutEffect(() => {
       if (group.current) {