FormidableLabs / FormidableLabs/nuka-carousel

Better infinite scrolling behavior in a controlled carousel?

Open
#1,041 0 comments 1 reaction 0 assignees View on GitHub
Issue: Accepted Type: Enhancement
Dominant language
TypeScript
Stars
3.1k
Forks
588
PR merge metrics
No merged PRs in 30d

Description

# Bugs and Questions

### Prerequisites

- [x] I've searched open [issues](https://github.com/FormidableLabs/nuka-carousel/issues) to make sure I'm not opening a duplicate issue
- [x] I have read through the docs before asking a question
- [ ] I am using the latest version of nuka-carousel

### Describe Your Environment

- What version of nuka-carousel are you using? 5.6.0
- What version of React are you using? 17.0.2

### Describe the Problem

We have a carousel set up as a controlled component, via `slideIndex`. When using `wrapAround`, navigating past the last slide displays the first slide, which is expected, however the scroll direction goes to the left, as opposed to the right. Is there a way to continue controlling slideIndex, but to get this to scroll in a seamless looking fashion where the first slide still comes in from the right?

[Codesandbox here](https://codesandbox.io/p/sandbox/nuka-teset-z6srcd)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.