Hotspots blocking zoom and rotate gestures (pointer events conflict)

[Trolli991]

Hi everyone,

I'm facing an issue with hotspots interfering with the default gestures of .

Normally, on desktop I can rotate the model by dragging with the left mouse button and zoom with the mouse wheel. On mobile, I can rotate by dragging with one finger and zoom using the pinch gesture.

However, when my cursor (or finger) is positioned on a hotspot, the behavior changes unexpectedly:

On desktop:

• If I try to zoom (mouse wheel) while hovering over a hotspot, the page scrolls instead of zooming the model.
• If I try to rotate by clicking and dragging on a hotspot, nothing happens at all.

On mobile:

• If any finger is touching a hotspot during a pinch gesture, the zoom is not detected but the finger thats not on the hotspot, leading to rotation instead.
• When I try to rotate by dragging on a hotspot, instead of rotating the model, it scrolls the page.

It seems like the hotspots are capturing the pointer/touch events and preventing them from reaching the underlying model-viewer gestures.

I'm looking for advice on how to allow the default model-viewer gestures (rotate, zoom) to still work even when interacting over a hotspot. Ideally, I want the hotspots to respond to taps/clicks, but otherwise let pointer events pass through so that zooming and rotating still works as expected.

Any guidance on how to solve this would be much appreciated.
Thank you in advance!