Skip to content

When loop is enabled, the last slide appears empty due to now shadow root element #8092

@silverbackdan

Description

@silverbackdan

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/devbox/n8wlf4

Bug description

When I am using the Swiper Elements in this configuration in Vue3/Vite and Tailwind, then when my loop setting is true - the final slode will now show because it appears the shadow root element is empty. I see it doesn't happen in your demos, I'm wondering what is different here that results in the bug?

Expected Behavior

Shadow root exists on last slide when loop is true and can display the slide

Actual Behavior

Final slide appears empty as there is no shadow root I believe. I'll open a PR if the problem can be explained :) thanks for all your hard work on a great package!

Swiper version

12.0.2

Platform/Target and Browser Versions

macOS Chrome

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