freeze / unfreeze and drag intercept while transitioning

[m-dpositiv]

While transitioning, Splide won't react to dragging, and also won't pause. It will wait to the next slide to pause.

My client wants a linear scrolling slider and wants it to pause on mouseenter/touch... Autoplay with linear transition and zero interval satisfies the movement, but the slider won't drag or pause while moving. Is there an easy way to add this at the moment?

I tried cancel() and the slider pauses anywhere, but then I can't get it to wake up.

Here is pausing transition from stackoverflow where it saves the css state:
https://stackoverflow.com/questions/43096144/how-do-i-pause-css-transition

Here is a codepen with latest version and a transition component I was toying with:
https://codepen.io/m-dpositiv/pen/zYdMrWa

[NaotoshiFujita]

Disable the waitForTransition option:
https://splidejs.com/guides/options/#waitfortransition

[m-dpositiv]

I tried that early on, but it just makes the slider go haywire. I added it again, but the slider just breaks.

https://codepen.io/m-dpositiv/pen/zYdMrWa

[m-dpositiv]

waitForTransition disabled on mount was breaking the slider (bug?), but when I moved setting waitForTransition on mouseenter the problem went away. Also did drag true instead of free. I used Move.cancel() to freeze the slider in position, and go() to wake it up.

[NaotoshiFujita]

Okay, now I understand what you want to do. You should not use autoplay for continuous scrolling, it's very hacky.
I made this WIP repository public for AutoScroll extension. You can refer or use it but it's not tested well.

[m-dpositiv]

This is fantastic! Thank you so much.