clicks and drag events collision if slider content has interactive (clickable) elements about keen-slider HOT 6 CLOSED

Hey @rcbyr

How are you expecting the attribute to be used to distinguish between a tap and a swipe? I really love the library's capabilities but this is one thing that I can't figure out here.

I really wish there's a onTap: (idx) => void similar to dragStart and dragEnd, but this is just a suggestion.

from keen-slider.

Hey @mtin79

I thought about your problem, and I've come to the conclusion that I have to solve this within the slider. So, thanks for pointing that out. There's a new release tomorrow. I will then provide an attribute that the slider ignores if one of its elements has it.

from keen-slider.

Hey @mtin79

I just released a new version. Be aware of some style changes. If you want to prevent the slider events on your elements within a slide, you can simply add the attribute data-keen-slider-pe. You can change the attribute name if needed, see the API.

from keen-slider.

Same for me, when the user clicks / taps I want to open a fullscreen gallery.
But the click event is going through after a swipe, which should have been prevented.

from keen-slider.

+1 to what @spluxx suggested. @rcbyr is there a way to distinguish between a tap and a drag?

from keen-slider.

If you want to prevent accidental clicks during scrolling use onMouseDown={e => e.target.setAttribute('data-keen-slider-clickable', true) } . Hang this listener on each slide.

from keen-slider.