Pro 5.1 Slider - drag AND click

Beta
#1

Can we not drag AND click? Appreciate there needs to be a different setting to listen for the dragging but naturally it feels like both should be possible.
Potentially even side scrolling with a touch pad?

1 Like
#2

Hi @RubberDuckers,

We’re experimenting a bit with scrolling. Not sure if we’ll have it in for the next beta, but I’ll also look at if click + drag simultaneously is possible.

1 Like
#3

That’s cool - be good to see what you come up with! I saw Misho had a good post on the subject too.

The other thing I was thinking related to this - naturally you would drag/flick/swipe on mobile - could the ‘interaction’ setting be responsive - as I want it clickable on desktop to jump to the one you click, but draggable on mobile as that’s the natural interaction.

The ‘method’ slider here if you want to see: https://staging.rubberduckers.co.uk/services/web/

#4

Thanks for sharing that! Makes sense. Our final implementation would be a bit different. I don’t think we’ll have a way to disconnect dragging only for mouses. Dragging being enabled would effect both mouse/touch at the same time. For dragging, we’re actually using “pointer events” which accommodates both mouse and touch devices - so those two interactions should feel the same. What’s different to add would be trackpad (and mousewheel) scrolling so that’s what we need to figure out here.

#5

@RubberDuckers, in the release candidate you’ll find that the option is now a “multi choose” so you can decide if you want clicking, dragging, or both. We were also able to get in trackpad scrolling, which runs when you have “drag” enabled.

#6

Hi Alex - nice!
I just tried and when you click, it’s fine, when you drag, it’s fine. But when you drag and then go to click, the click doesn’t work. If you have separate controls, they work and if you use them then dragging is available again. So it’s almost like it’s stuck after dragging?
I have it enabled on the white/yellow slider here if you want to look: https://staging.rubberduckers.co.uk/services/web/

#7

On this topic, I have noticed that both drag and click are turned off by default in the Inline slider. The setup is complex enough, and the fact that the sliders are not working out of the box would annoy some users.

#8

Thanks! Got this one sorted out.

1 Like
#9

I’ve disabled the Click interaction, but the slider still lets me click and visit the link of the slide, so I don’t think that’s working, or does click mean clicking on the left and right navigation? I assume it means disabling clicking of a slide. RC2

#10

Links will continue working inside of sliders either way. The Click interaction means if you click a slide that is not currently active, it will navigate the slider to make it active.

#11

Thanks for explaining the meaning as I misunderstood.

#12

You’re welcome!