Skip to content

Duplicated Slides in Infinite Carousel v0.30.0+ #2337

@rodrigo-arias

Description

@rodrigo-arias

Description

Encountering an unexpected behavior with react-slick versions 0.30.0 and above. When configuring a carousel with the same number of rows as items and enabling infinite scrolling, slides are duplicated, appearing in both the previous and next items.

Steps to reproduce

  1. Install react-slick v0.30.0 or a later version.
  2. Set up a carousel with an equal number of rows and items.
  3. Enable the infinite scrolling option.
  4. Observe the duplication of slides in both the previous and next items.

Feel free to see the difference by rolling back to v.0.29.0 with this CodeSandbox.

The change seems to have originated in #2329 in our case this is a visual breaking change.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions