Skip to content

slideToClickedSlide prevents clicking on links in swiper-slide-prev for centeredSlides #8095

@Teisi

Description

@Teisi

Check that this is really a bug

  • I confirm

Reproduction link

https://jsbin.com/jahexexifi/edit?html,css,js,output

Bug description

If slideToClickedSlide: true and centeredSlides: true are active at the same time and slidesPerView > 2, the link within the left visible slide (swiper-slide-prev) can no longer be clicked once the transition is complete.

Links in swiper-slide-active and swiper-slide-next, on the other hand, work as expected.

Steps to reproduce:
https://jsfiddle.net/6o3k08a5/5/
or
https://jsbin.com/jahexexifi/edit?html,css,js,output

  1. Open the JSFiddle / jsbin above.
  2. Wait until the slider transition is complete.
  3. Try clicking on the link in the left visible slide (swiper-slide-prev).
  4. Nothing happens—the link does not open.
  5. However, click on a link in the middle (swiper-slide-active) or right visible slide (swiper-slide-next) → These work.

Additional observations:

During the transition (while sliding), the link in swiper-slide-prev is briefly clickable. Once the transition is complete, the link no longer works.

The options preventClicks: false and preventClicksPropagation: false have been set, but they seem to have no effect on the problem.

Expected Behavior

All visible slides, including swiper-slide-prev, should respond to link clicks — especially if they appear visible and fully interactive.
At the very least, the behavior of swiper-slide-prev and swiper-slide-next should be identical.

Actual Behavior

No response

Swiper version

12.0.2

Platform/Target and Browser Versions

Windows

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