Slick: autoplay is stopped after clicking the slick-dot

[ghost]

short description of the bug / issue, provide more detail below.
autoplay is sttoped when i click the slick-dot
until i click the other area that is outside the zone that use slick.js
i tried the official demo and it behaved the same
how can i solve this？

====================================================================

[ paste your jsfiddle link here ]

use this jsfiddle to reproduce your bug:
http://jsfiddle.net/simeydotme/fmo50w7n/
we will likely close your issue without it.

====================================================================

Steps to reproduce the problem

1. ...
2. ...

====================================================================

What is the expected behaviour?

... after clicking the autoplay is still working

====================================================================

What is observed behaviour?

...

====================================================================

More Details

• Which browsers/versions does it happen on?
• Which jQuery/Slick version are you using?
• Did this work before?

[nielsvantilborg]

My quick guess. It doesn't stop but when you hover over the slider it will pause. pauseOnHover is on default true. So try to click a dot and move your mouse somewhere else than the slick slider. Does it still occur?

[ghost]

@nielsvantilborg
it still occured. what happed to me was a situation that after clicking, i hovered to antother area.
the silder still paused until i clicked anthoer area in document.then the silder began to slide.

[thanosasimo]

Same problem here.

Actually is starting autoplay after a while again.
In addition it has the same behavior at dragging, when you change the slide.
Maybe something wrong with the focus?

[shivuks]

This must be a valid issue. The use case is -

1. Slick is set to autoplay:true.
2. When the user clicks on the carousel dots, the autoplay stops permanently.
3. But if the user focuses away from the page, like going to other browser window/tabs, the weird autoplay would have started, not using the original time-delay.
   3.1 The dot user clicked would still be active, but the next slide dot would also show active, because autoplay has resumed.
   3.2 From now on, every-time user goes to other browser window/tabs and comes back, you can see the carousel is advancing one slide at a time, not adhering to the original time delay or speed. And there are two dots getting active. (Original clicked one and the currently advancing one)
   3.3 This can be abserved in http://kenwheeler.github.io/slick/ too, in the auto-play example.

[luisalvarado]

This would explain an issue am having in https://www.provincetown.com/ where slick is used on the banners (The header of the page). The slider works perfectly until you click on one of the banners. The moment you click on it, it sends the user to another tab but it also stops the sliding effect of slick. It takes around 30 seconds once you come back to the page for the actual slider to start working again. If I stay on the other tab longer, the slider will not continue until I come back.

You can test this out yourself in the site mentioned above.

So maybe something of an option like "pauseOnAnotherTab" to false so when, even if in another tab, the slider will still continue.

[Doronily]

Hi

I've been having this issue for quite a while, and believe i just found a workaround :-)

$('#latest-news-wrapper').on('beforeChange', function(event, slick, currentSlide, nextSlide){
$('#latest-news-wrapper .slick-dots li').removeClass('slick-active').attr('aria-hidden','true');
$('#latest-news-wrapper .slick-dots li button').focus(function() {
this.blur();
});
});

This solved it for me.

Fixed fiddle:
http://jsfiddle.net/zoq7o85k/

Thanks.

[thanosasimo]

Nice hack there Doronily, I' ll try to fix it the same way in case of user drag. (draggable: true)

[underlircs]

+1

[brentdodell]

+1

[monkey-dsc]

Just as a additional note:

I also faced this issue, the problem was, as you click on a dot, the dot gets the focus, so setting _PauseOnFocus_ to false solved the Problem, and autoplay continues... ;)