[Help]: Fast clicking the next/prev buttons is causing stuttering #748
-
SummaryI'm trying so set up a carousel with pagination buttons and dots, unfortunately, if you quickly click on the next/prev buttons, the animation is not running smoothly, but it begins to stutter. I've attached a link to the codebox example. This is not happening with your official example, that can be found here https://www.embla-carousel.com/examples/predefined/#arrows--dots, so I'm not sure what is causing it, display grid in combination with auto-columns maybe? A solution would be to block the next/prev button, until the animation is finished, but it's not necessary in your example, so that's a bit confusing for me at the moment. Any idea what is causing this problem in my case? If applicable, which variants of Embla Carousel are relevant to this question?
Additional informationNo response CodeSandbox examplehttps://codesandbox.io/p/sandbox/pensive-wozniak-g8jx7v-g8jx7v |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
|
@matthias-schaefer I believe you should read this guide in the docs. Cheers, |
Beta Was this translation helpful? Give feedback.
-
|
Ah, I read it, also included the embla__viewport part, but for some reason I misplaced the navigation elements one level too deep, you are right. Thanks! |
Beta Was this translation helpful? Give feedback.
-
|
@matthias-schaefer glad you got it sorted! |
Beta Was this translation helpful? Give feedback.
@matthias-schaefer I believe you should read this guide in the docs.
Cheers,
David