Drag event on a slide that contains a link

[sergiodebei]

If you drag an element that has link, on mouse up, the link is fired. I tried the "data-keen-slider-pe" but it doesnt seem to solve the issue. Thank you

[rcbyr]

@sergiodebei
Thanks for the hint. I just fixed it and make a new release. (v5.0.4 - changes in CSS and JS)

[sergiodebei]

Thank you so much for the quick response. Im gonna use it for some other new projects :)

[Hujjat]

Hey @rcbyr

Just want to let you know, The links are still firing when you drag the slider. I tried data-keen-slider-pe on the link. Not working.

Thanks

[patrickdmccarthy]

@rcbyr data-keen-slider-pe doesn't seem to work in "keen-slider": "6.4.1" – is there another way around this in the new version?

[rcbyr]

Hey @patrickdmccarthy,

look at the documentary. https://keen-slider.io/docs#attributes
The attribute name has changed to data-keen-slider-clickable.

Generally, you do not need this attribute for links or buttons. They will work without this attribute. Therefore I will probably rename this attribute soon.

[sagrael]

v6.4.1 data-keen-slider-clickable not working on angular + [routerLink]

fixed it like this

::ng-deep {
  .keen-slider[data-keen-slider-moves] .linkClass {
    pointer-events: none;
  }
}

[rcbyr]

Hey @sagrael

can you create a codesandbox? It works for me.

[danielrob]

data-keen-slider-clickable just seems to disable the click events altogether - no drag is now possible. Is it possible to have both drag and no mouseup link click after dragging?

Update: Looks like my timing was just very unlucky - a bug in 6.8.0 fixed in 6.8.1 https://github.com/rcbyr/keen-slider/releases/tag/v6.8.1. It works now without the attribute.