onClick not working on mobile #894
-
|
I am having troubles with onClick exclusively on mobile devices. I tried adding css cursor: pointer to my mesh to make it clickable in safari but it didn't work for me. I have a link to demonstrate this @ https://laughing-archimedes-fec5a3.netlify.app which can be tried on mobile and desktop. I am new to r3f and have little expertise but I would be happy to post a codesandbox link or get any suggestions into why this is happening, thanks. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
I believe this is a threejs bug with orbit controls, probably something to do with preventDefault. You can use onponterdown instead. |
Beta Was this translation helpful? Give feedback.
-
|
This answer does not fit for our case. On mobile we drag the 3D model around and if we drag it sometimes the pointer clicks on the mesh and triggers the action unintended. Is there any workaround? |
Beta Was this translation helpful? Give feedback.
I believe this is a threejs bug with orbit controls, probably something to do with preventDefault. You can use onponterdown instead.