search

FormidableLabs / nuka-carousel

Small, fast, and accessibility-first React carousel library with an easily customizable UI and behavior to fit your brand and site.
https://commerce.nearform.com/open-source/nuka-carousel
Other
3k stars 596 forks source link

Long delay to pause when using pauseOnHover #993

Closed lauridskern closed 2 months ago

lauridskern commented 1 year ago

Describe Your Environment

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

grafik

Expected behavior:

pause instantly

Actual behavior

pauses after 1-2 seconds

Additional Information

I am using nextjs 13.1.2 and tailwindcss

lauridskern commented 1 year ago

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 commented 2 months ago

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