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

Swiper Element loop=“true” + slides-per-view=“auto” issue #6423

Closed
1 task done
ThinkingAbout opened this issue Feb 22, 2023 · 2 comments
Closed
1 task done

Comments

@ThinkingAbout
Copy link

ThinkingAbout commented Feb 22, 2023

Check that this is really a bug

  • I confirm

Reproduction link

https://stackblitz.com/edit/nuxt-starter-6tu6b1?file=components%2Fcarousel.vue

Bug description

Hello, I'm trying to initialize Swiper with the parameters I need but I get a strange behaviour when dragging, the carousel "jumps" uncontrollably.
The parameters i'm trying to use are:

  • slidesPerView
  • allowTouchMove
  • loop
  • centeredSlides
  • initialSlide
  • grabCursor
  • freeMode

I don't understand which parameter or combination of them breaks the carousel, but having only slidesPerView: 'auto' works correctly.

Any help please?
Matteo

Swiper version

9.0.5

Platform/Target and Browser Versions

macOS Chrome

@ThinkingAbout
Copy link
Author

Hi @nolimits4web ,
it seems the reported behavior is still present also with 9.1.0, after i drag for a while
https://stackblitz.com/edit/nuxt-starter-bf2gbx?file=package.json

Am I doing something wrong?
Thanks,
Matteo

@ThinkingAbout
Copy link
Author

I created an even more basic reproduction test (no Nuxt, no unnecessary paremeters), loop=“true” + slides-per-view=“auto” seems to not work properly, in short: once the user drag and reaches the loop the carousel “jumps/flickr” to the wrong position, it is even more sensible with relative units;

https://codepen.io/fiurboy/pen/ExevaBW?editors=1100

Thanks,
Matteo

@ThinkingAbout ThinkingAbout changed the title Swiper Element drag issue (Nuxt 3) Swiper Element loop=“true” + slides-per-view=“auto” issue Mar 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant