fix #369: pointerEvents="listener" makes uikit elements not interacta…

…ble anymore (requires uikit >= 0.8.2 or < 0.7.0)

examples/uikit/package.json

@@ -1,14 +1,14 @@
 {
-    "dependencies": {
-        "@pmndrs/pointer-events": "workspace:^",
-        "@react-three/drei": "^9.108.3",
-        "@react-three/uikit": "^0.7.1",
-        "@react-three/uikit-default": "^0.7.1",
-        "@react-three/uikit-lucide": "^0.7.1",
-        "@react-three/xr": "workspace:^",
-        "leva": "^0.9.35"
-    },
-    "scripts": {
-        "dev": "vite --host"
-    }
-}
+  "dependencies": {
+    "@pmndrs/pointer-events": "workspace:^",
+    "@react-three/drei": "^9.108.3",
+    "@react-three/uikit": "^0.8.3",
+    "@react-three/uikit-default": "^0.8.3",
+    "@react-three/uikit-lucide": "^0.8.3",
+    "@react-three/xr": "workspace:^",
+    "leva": "^0.9.35"
+  },
+  "scripts": {
+    "dev": "vite --host"
+  }
+}

packages/pointer-events/src/intersections/utils.ts

@@ -106,14 +106,17 @@ export function intersectPointerEventTargets(
   }
 }
 
-function hasObjectListeners({ _listeners, __r3f }: Object3D): boolean {
-  if (__r3f != null && __r3f?.eventCount > 0) {
+function hasObjectListeners(object: Object3D): boolean {
+  if (object.ancestorsHaveListeners) {
     return true
   }
-  if (_listeners == null) {
+  if (object.__r3f != null && object.__r3f?.eventCount > 0) {
+    return true
+  }
+  if (object._listeners == null) {
     return false
   }
-  const entries = Object.entries(_listeners)
+  const entries = Object.entries(object._listeners)
   const length = entries.length
   for (let i = 0; i < length; i++) {
     const entry = entries[i]

packages/pointer-events/src/pointer.ts

@@ -64,6 +64,7 @@ declare module 'three' {
 
     intersectChildren?: boolean
     interactableDescendants?: Array<Object3D>
+    ancestorsHaveListeners?: boolean
   }
 }