nuka-carousel icon indicating copy to clipboard operation
nuka-carousel copied to clipboard

Published 20 hours ago • verified publisher icon FormidableLabs

Long delay to pause when using pauseOnHover

Open lauridskern opened this issue 2 years ago • 1 comments

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

grafik

Expected behavior:

pause instantly

Actual behavior

pauses after 1-2 seconds

Additional Information

I am using nextjs 13.1.2 and tailwindcss

lauridskern avatar Jan 26 '23 19:01 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?

lauridskern avatar Jan 26 '23 21:01 lauridskern

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

carbonrobot avatar Apr 05 '24 18:04 carbonrobot