InstancedMesh onClick return all object in the path in recents versions

[andibuwono]

Hi I found strange behavior for InstancedMesh onClick callback.

A simple console log has return all instance in the Line of Sight path if we click nearest object to camera.

<instancedMesh
      ref={meshRef}
      args={[null, null, 1000]}
      onPointerMove={(e) => set(e.instanceId)}
      onPointerOut={(e) => set(undefined)}
      onClick={(e) => console.log(e.instanceId)}>
      <boxBufferGeometry args={[0.6, 0.6, 0.6]}>
        <instancedBufferAttribute attachObject={['attributes', 'color']} args={[colorArray, 3]} />
      </boxBufferGeometry>
      <meshPhongMaterial vertexColors={THREE.VertexColors} />
 </instancedMesh>

in the version 7.0.7 until the latest 7.0.26 a click in the front cube will return all instanceId behind it (relative to the camera)

while in the version 7.0.6 a click in the front cube, correctly return only instanceId of the cube

a fork of react fiber demo where we can see the behavior of recent version is here

forked demo changed to version 7.0.26

Is the recent behavior is expected, if yes can we get the actual cube instanceId that is clicked only using recent version?

Many thanks

AB

[CodyJasonBennett]

I believe this change was intentional to streamline instanced meshes; this behavior is consistent with the DOM and all scene objects.

You can recreate the previous behavior by calling event.stopPropagation() in your event handlers.

[andibuwono]

thanks this works