How to disable the click event when drag & drop

[EkaLinMan]

There is a demo that we can trigger the click event when we click the button, is there any way to prevent triggering the click event when drag & drop (Pan) on the button? Because my view is clickable everywhere, I hope to disable it when executing the drag & drop. Thanks!

https://bettertyped.github.io/react-zoom-pan-pinch/?path=/story/examples-controls--controls

[acai69]

Add delay to click

[lucasmoeskops]

I have the same problem but I don't understand the solution "Add delay to click". Can you provide an example @acai69 ? Thanks!

I solved it for now by measuring the length between the mouseDown and mouseUp and preventing the click if this is longer than 250ms (kind of arbitrary). But ideally this click event is not triggered at all imho.

[acai69]

and preventing the click if this is longer than 250ms

That's it!