Skip to content

Multiple swipers not working when properties differ. #8003

@pimdewit

Description

@pimdewit

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/sandbox/swiper-multiple-swipers-forked-yp332z

Bug description

If there are multiple swiper instances on the page, and 1 has a different configuration, it breaks.

Expected Behavior

I can instantiate a Swiper Element with varying configurations/properties through the attribute syntax API

Actual Behavior

In my codesandbox I forked the demo from Examples: https://swiperjs.com/demos#multiple-swipers, and changed pagination to false on the third instance, which causes it to not render.

Swiper version

11.2.8

Platform/Target and Browser Versions

Chrome 136, MaxOS 15.4.1

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions