javascipt uikit bug

[froot]

could someone help me find the javascript bug?

https://codepen.io/bbblgmsp/pen/LYxWJJa

or here:

https://foobar.roofaccess.org/carousell/

I want it to be NOT draggable on desktop but draggable on mobile devices. Also, on mobile, the element that I drag into focus should automatically be active, but on desktop, only when I click it.

It works fine on desktop, but when you drag on mobile, after the dragged element is active and you click it, it switches back and forth between this and the previous element (assigns the active class to the previous element).

I already tried to find help elsewhere, since this is not directly PW related but only frontend, but it's hard to find support or a community for uikit. PW seems to be using it quite a lot though…

Thanks for help

[Rudy]

@fruid have you tried reaching out to UIkit's discord community?

https://discordapp.com/invite/NEt4Pv7

[AndZyk]

Hello @fruid,

I don't understand why you would like to disable drag in the slider and I haven't looked at your JavaScript.

But if you want to jump to a slide with a link you could always add a link link this:

<a href="#" data-uk-slider-item="1"></a>

So you could link the slider item to itself for example.

Or you could build two sliders, one visible on desktop and one visible on mobile. Thats more markup but no duplicate content for search engines. ?

Regards, Andreas