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 loopAdditionalSlides prop not working #7492

Open
5 of 6 tasks
peterchuang1111101 opened this issue Apr 24, 2024 · 20 comments
Open
5 of 6 tasks

Swiper loopAdditionalSlides prop not working #7492

peterchuang1111101 opened this issue Apr 24, 2024 · 20 comments
Labels
t0ggles Linked to the t0ggles task Vue

Comments

@peterchuang1111101
Copy link

peterchuang1111101 commented Apr 24, 2024

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/devbox/swiper11-loop-centeredslides-ypzfmn?file=%2Fsrc%2FApp.vue%3A12%2C6-12%2C26

Bug description

I noticed that although I've set loopAdditionalSlides on CodeSandbox, it doesn't seem to have any effect. Upon inspecting the elements in devtools, I found that loopAdditionalSlides is being passed as an attribute. Upon further investigation of the source code, I realized that loopAdditionalSlides prop is not defined.

Image

Expected Behavior

loopAdditionalSlides should be passed as props

Actual Behavior

loopAdditionalSlides not working

Swiper version

11.1.1

Platform/Target and Browser Versions

Windows/124.0.6367.61 (正式版本) (64 位元)

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
@nolimits4web
Copy link
Owner

t0ggles-create Swiper

Copy link

t0ggles bot commented Apr 24, 2024

Task nolimits4web/SWIPER-93 was created

t0ggles task SWIPER-93

@t0ggles t0ggles bot added the t0ggles Linked to the t0ggles task label Apr 24, 2024
@ryanj8512
Copy link

I have the same question.

@Atanas9708
Copy link

any news? loopAdditionalSlides and loopAddBlankSlides not working

@biozob
Copy link

biozob commented Jul 4, 2024

Confirming on the latest v11.1.4 loopAddBlankSlides and loopAdditionalSlides props are not working.

@hao-xh
Copy link

hao-xh commented Jul 5, 2024

I have the same question, the current solution is to roll back the version to v10.3.1,
and use old prop:
:loopedSlides="3"

@sirkouga
Copy link

Any news from this issue?

@PuffMeow
Copy link

I met the same problem in React.

@astezenkoMarkupus
Copy link

same problem with loopAdditionalSlides prop....

@plonke
Copy link

plonke commented Sep 18, 2024

I have same problem

@NJHSFNAK
Copy link

I have same problem in Vue3

@y3093
Copy link

y3093 commented Nov 27, 2024

sampe problem too

@Mil1
Copy link

Mil1 commented Nov 29, 2024

+1

@lamzaaa
Copy link

lamzaaa commented Dec 11, 2024

I have the same question, the current solution is to roll back the version to v10.3.1, and use old prop: :loopedSlides="3"

Not working for me

@qq406601626
Copy link

I also have the same problem

@Filip1139
Copy link

Same here

@Cliff-FK
Copy link

same here

@mrleblanc101
Copy link

Is there any workaround in the meantime ?

@tvaught991
Copy link

Still an issue in the latest version 11.2.4. Had to downgrade all the way to version 8.4.7 to get a working instance of loopAdditionalSlides.

@rubaff
Copy link

rubaff commented Mar 10, 2025

+1 - working with 10.3.1

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

No branches or pull requests