Closed lorenzejay closed 1 year ago
This was my code error. I believe I may my children item styling messed things up. And probably didnt really understand the Carousel props as well. But I simplified to this and it works smoothly:
const responsive = {
superLargeDesktop: {
// the naming can be any, depends on you.
breakpoint: { max: 4000, min: 3000 },
items: 5,
},
desktop: {
breakpoint: { max: 3000, min: 1024 },
items: 3,
},
tablet: {
breakpoint: { max: 1024, min: 464 },
items: 2,
},
mobile: {
breakpoint: { max: 464, min: 0 },
items: 1,
},
}
...
<Carouse
responsive={responsive}
infinite
autoPlay
autoPlaySpeed={3000}>
...
Prerequisite
Before you submit a feature request or report a bug to be fixed, make sure you have stared this repository. A donation is also welcomed
Describe the bug Infinite loop not smooth. Jerks when it resets.
To Reproduce Steps to reproduce the behavior:
Expected behavior I am expecting it to smoothly reset or show the index 0 of its children elements. Though, it appears to abruptly snap back
Screenshots![carousel-jerky](https://user-images.githubusercontent.com/63378463/207454923-7497ca90-e83d-4ead-b24d-440f7801ea52.gif)
Additional context
Reproduction n/a