Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Horizontal scrolling backwards gets stuck in loop+cssMode #7879

Open
5 of 6 tasks
eugenezastrogin opened this issue Feb 5, 2025 · 1 comment
Open
5 of 6 tasks

Horizontal scrolling backwards gets stuck in loop+cssMode #7879

eugenezastrogin opened this issue Feb 5, 2025 · 1 comment
Labels

Comments

@eugenezastrogin
Copy link

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/devbox/swiper-react-css-mode-forked-hdjp59

Bug description

Scrolling backwards (left) from the first slide in loop+cssMode works only once, you end up on the last slide, but consequent horizontal scrolls with touchpad backwards do not work.

Expected Behavior

Scrolling does not get stuck

Actual Behavior

Screen.Recording.2025-02-05.at.10.10.23.mov

Swiper version

11.2.1

Platform/Target and Browser Versions

macOS + Windows

Validations

  • Follow our Code of Conduct
  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

  • I'm willing to open a PR
@hiexbris
Copy link

hiexbris commented Feb 6, 2025

I tried this for an hour
There isn't a good solution to this due to CSS and framework glitches, the best thing I could think of was to remove the CSS mode
and set the threshold={50}

this makes sure the slides are still viewable by sliding it just removes the multiple slides sliding option

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants