Skip to content

scrollDistance=screen can result in cut-off slides #1096

Open
@joekur

Description

@joekur

Is there an existing issue for this?

  • I have searched the existing issues

Code of Conduct

  • I agree to follow this project's Code of Conduct

Feature Request

When using scrollDistance="screen", the carousel scrolls by a fixed amount equal to the width of the carousel "viewport". I believe this differs in one key way from previous versions of nuka-carousel with slidesToScroll="auto", in that this scroll distance no longer "stops" to have slides left-aligned. This can lead to some slides always being cut-off.

You can reproduce this on the demo page, a browser viewport width of 600px will illustrate it. In the recording below, slide 2 can never be seen in full (except during animation).

Screen.Recording.2025-03-27.at.11.22.41.AM.mov

Would it be reasonable to support a new scrollDistance (e.g. "page"), that would replicate this older behavior? Such that if a slide is partially cut-off at the end of one page, it becomes the starting slide of the next page (fully visible)?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions