On mouse hover in slick.js sliding do not stop immediately

Question

When I set speed: 1000, pauseOnHover is working fine but as soon as I set it to speed: 10000, pauseOnHover does not work immediately - it works after a few seconds.

Code:

$('#featured_credits').slick({
      infinite: true,
      arrows: true,
      slidesToShow: 4,
      slidesToScroll: 4,
      autoplay: true,
      autoplaySpeed: 0,
      speed: 1000,
      cssEase: 'linear',
      pauseOnHover: true,
      pauseOnFocus: true,
      focusOnSelect: true,
      accessibility: false,
      mobileFirst: true
});

Fiddle

Answer 1

Yes, you are right @Rohit, Actually I think it is stop slide after the time you have entered in speed, bit better when I change speed to speed: 500 and slidesToScroll: 0.5 so it is stop in 0.5 mili second and scroll half slide in 0.5 mili second, check here

Note: It is the temporary solution when I come across this issue.