Skip to content

Swiper Element (Web Component) does not render last 2 slides when using loop + slidesPerView="auto" + custom slide width #8125

@nekooee

Description

@nekooee

When using Swiper Element (swiper/element) with the following combination:
loop: true
slidesPerView: "auto"
custom slide width via CSS (e.g. 50vw or flex-basis: 50vw)

…the last 2 slides never render their slot content.

This happens regardless of the actual number of slides.
Even with 20 slides, the last 2 do not project slot content.

A minimal reproduction project has been created and is available at the link below.

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

Could you please guide me on what is causing this behavior or whether it's a known limitation/bug in Swiper Element?

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