FormidableLabs / FormidableLabs/nuka-carousel

Direction of Carousel Sliding

Open
#1,052 1 comment 4 reactions 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

### Is there an existing issue for this?

- [X] I have searched the existing issues

### Code of Conduct

- [X] I agree to follow this project's Code of Conduct

### Feature Request

I have been utilizing the carousel and have observed that with `wrapMode="wrap"`, the slider transitions smoothly from left to right. However, upon reaching the last slide and clicking 'next', it abruptly changes direction, moving from right to left. Is there a way to ensure consistent directional movement throughout? Currently, the navigation flips abruptly from right to left when looping back to the first slide. Can the navigation move smoothly in the same direction when transitioning back to the first slide? Additionally, is there a method to make the carousel behave in a circular manner instead of stopping abruptly at the end?

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the direction change with the carousel's wrapMode="wrap" behavior and inspect the carousel navigation and transition entry points. Done means the carousel loops back to the first slide with continuous movement in the same direction and supports circular behavior without stopping abruptly.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.