Only dispatch dragStart event if mouse is actually dragging

It would be great if the dragStart event would not fire when the mouse goes down but rather when the cursor actually starts moving. Currently, dragStart and dragEnd will be fired if I only click/touch the slider without moving the cursor.

This would be useful to me because I am currently listening to both click events on items and dragStart/dragEnd Events and change styles accordingly. This leads to the item click having weird effects as it first transitions to the “drag” styles and back before the click event is fired.

I am currently using embla-carousel-react but I think this is something that concerns all variants of embla.

Let me know if you need an example.

Great Work by the way! 😊

[Tscheffrey]

Hi David (@davidjerleke),

thanks for your responses and building this awesome slider! If I had the necessary skills, I’d help you implementing these features…

Meanwhile, you could do a workaround this by checking how far the pointer has moved from pointerdown to pointerup, and if it’s more than let’s say 5px ignore any click events.

Good idea, this would serve the purpose for now.

Greetings, Jeff

[davidjerleke]

I’ve taken the unfortunate naming into account and renamed the drag events to pointer events:

• dragStart --> pointerDown
• dragEnd --> pointerUp

This has been implemented and released with version 3.