Long delay to pause when using pauseOnHover

[lauridskern]

Describe Your Environment

• What version of nuka-carousel are you using? 5.4.1
• What version of React are you using? 18.2.0
• What browser are you using? Firefox Desktop 108.0.2 on Mac

Describe the Problem

When using pauseOnHover there is a significant delay between the hover and the pause as well as unpausing

https://user-images.githubusercontent.com/8788856/214925613-54999b46-9820-4f7f-bc9d-4f9d63aebb68.mp4

Expected behavior:

pause instantly

Actual behavior

pauses after 1-2 seconds

Additional Information

I am using nextjs 13.1.2 and tailwindcss

[lauridskern]

So it just finishes the transition before stopping so in my case it takes 5000ms to stop. If you are using CSS animations under the hood could you use animation-play-state: paused; to pause the animation?

[carbonrobot]

This behavior has been entirely rewritten in v8 and should work as expected