Drag events supersede click events about draggable HOT 7 CLOSED

I can reproduce. You could use the delay option to delay the drag action (for now). It works for Draggable, Sortable, Swappable and Droppable.

new Sortable(containers, {
  delay: 200,
});

// or

new Draggable(containers, {
  delay: 200,
});

This is not ideal nor obvious. Will look for a better solution 👍 thanks for reporting

from draggable.

@rickghome can you confirm if your problem persists in the new beta release?

@rbarysas your issue should be fixed now!

from draggable.

I have the same issue.

Adding delay helps with clicking, but if I try to drag without waiting a bit, I get strange "ghosting" effect, where mirror element gets stuck to the cursor and does not disappear.

Here's gif: https://i.imgur.com/b0zwVkk.gifv

from draggable.

@rbarysas yes, this seems to be an issue with the current mouse sensor, it needs to prevent native drag elements (images and links) if the delay is bigger.

This is fixed with a general sensor refactor for the upcoming v1.0.0-beta.3 release, commit is here: 7432c9a

I will leave this open until we release the new beta.

from draggable.

This is awesome. Thanks for the work! 👏

from draggable.

from draggable.

This solves the problem. Closing this bug. Thanks for your hard work!

from draggable.