Whenever I drag the carousel, despite having the handleDragStart function, the link is still clicked when I release the mouse. I've provided a simple reproduction of the issue. My objective is to enable clicking on the link only when explicitly clicking on it, rather than having it triggered at the end of a drag action.
While I've created a custom ScrollableContainer component to address this, it would be great to have this behavior integrated directly into the library itself.
Browser: Chrome Version 121.0.6167.160 OS: Macos Sonoma 14.2.1
Summary
Hello,
I came across this discussion regarding my issue. I attempted to implement the suggested solution. Unfortunately, it does not work.
Issue:
Whenever I drag the carousel, despite having the
handleDragStart
function, the link is still clicked when I release the mouse. I've provided a simple reproduction of the issue. My objective is to enable clicking on the link only when explicitly clicking on it, rather than having it triggered at the end of a drag action.While I've created a custom ScrollableContainer component to address this, it would be great to have this behavior integrated directly into the library itself.
Code
Reproduction environment:
https://codesandbox.io/p/sandbox/fragrant-violet-s5x2q9
How to repro:
Drag and release the mouse while having the pointer on the element, it opens the link.