Touch events and stop propagation

[carmandale]

There seems to be a conflict with onClick and OrbitControls. So I have to use onPointerDown to use touch events on mobile. My only problem with this is that the touch event is going through the element and triggering touch events on other objects too. This doesn't happen on desktop with mouse. Even when I stop propagation, the event "travels through" to the other objects.

onPointerDown={(e) => { e.stopPropagation(); handleT(); }}

any thoughts or ideas or known fixes?

[carmandale]

If I turn off OrbitControls, onClick works as expected on mobile.

[dangrabcad]

onPointerDown is working as documented in my application. Do be aware that R3F tracks which objects are considered "hovered" for the purposes of pointerOver and pointerOut events, so stopPropagation can have the side-effect of immediately calling onPointerOut callbacks on other objects that are behind the object handling the real event. If that's not what's happening in your case, you might need to make a minimal example to reproduce the problem so we can help you.