Swipe between slides not work correctly when autoplay is enabled

[martin-badin]

Issue description: Hello, when I use autoplay and dragging function simultaneously the interval for autoplay isn't reset when a user swipe between slides. See example. Please, reset the interval when a user swipe between slides.

Demo link/slider setting: http://jsfiddle.net/p5wdjLn2/12/

Browser name && version: Chrome 69.0.3497.100
OS name && version: macOS Mojave 10.14

[Jack89ita]

I got the same problem and I was writing the same issue. Thank you for posting!

[martin-badin]

here is solution

for stop timer

function onPanStart (e) {
    if (running) { onTransitionEnd(); }

+   if (autoplay && animating) { stopAutoplayTimer(); }

    panStart = true;
    if (carousel) {
      caf(rafIndex);
      rafIndex = 0;
    }
    ...

and for start timer

function onPanEnd (e) {
    ...

    if (swipeAngle) { moveDirectionExpected = '?'; } // reset

+   if (autoplay && !animating) { setAutoplayTimer(); }
  }

please, implement this fix to next release

[Jack89ita]

This is how i fixed it:

slider.events.on('dragStart', carousel.stopAutoplay);
slider.events.on('touchstart', carousel.stopAutoplay);
slider.events.on('dragEnd', carousel.startAutoplay);
slider.events.on('touchEnd', carousel.startAutoplay);

stopAutoplay(){
  slider.pause();
},

startAutoplay(){
  slider.play();
},

Hope it helps!!

[ganlanyuan]

@martin-badin So you want the interval for autoplay start right after the touch end?
I think @Jack89ita's solutions is good for this.

[martin-badin]

Yes, I want but this bug should be fixed in the package.

[ganlanyuan]

Added in this commit.

[martin-badin]

Thanks

[Jack89ita]

Hi @ganlanyuan thank you for fixing this, but how can i download this edited package?
thanks!

[ganlanyuan]

@Jack89ita This change is not published yet, so you won't be able to download via npm.
But you can still download it manually at the repository of this library.

[TitanFighter]

@Jack89ita
npm install https://github.com/ganlanyuan/tiny-slider#10b15514f114b3ea1053a639aa5b449939ca334a
or
npm install ganlanyuan/tiny-slider

[Jack89ita]

@TitanFighter Thank you!

[dejvestrunc]

The bug is still showing when autoplayHoverPause is set as true

[saver174]

@martin-badin The bug is still here

version
"tiny-slider": "^2.9.1",

config
var slider = tns({
container: '.my-slider',
items: 3,
autoplay: true,
mouseDrag: true,
controls: false,
nav: false,
autoplayHoverPause: true,
autoplayButtonOutput: false
});

When I drag and hold with mouse on slide item and get out of slider with cursor, animation resume (animation should not resume when drag is hold)