Drag event on a slide that contains a link about keen-slider HOT 8 CLOSED

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

from keen-slider.

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

from keen-slider.

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

from keen-slider.

@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?

from keen-slider.

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.

from keen-slider.

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;
  }
}

from keen-slider.

Hey @sagrael

can you create a codesandbox? It works for me.

from keen-slider.

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.

from keen-slider.