Skip to content

Swiper Vue Thumbs gallery skips one slide #7918

Open
@felix-berlin

Description

@felix-berlin

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/sandbox/99n7p2?file=%2Fsrc%2FApp.vue

Bug description

Hi,
I just tried the Swiper Vue Thumbs gallery from the demo page inside my project and discovered a bug that happens when I navigate with the "next" and "prev" nav elements. When I navigate, the slider skips a slide, this does not happen when I use the thumb's nav itself or when I swipe to left or right.

I also tried the web-component, there the bug does not exist.

Bildschirmaufnahme.2025-03-05.um.14.24.46.1.mov

Sorry for the poor video quality, GitHub video uploads can't be bigger than 10mb.

Expected Behavior

When navigating, the slider should show one slide after another.

Actual Behavior

The Slider should not skip a slide when navigating.

Swiper version

11.2.5

Platform/Target and Browser Versions

macOS 15.3.1, Chrome 134

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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions