Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Swiper Wrapper is on top of swiper slide and covering a tag link (Happens in Coverflow Effect) #7462

Open
5 of 6 tasks
kazemsami opened this issue Apr 12, 2024 · 0 comments
Open
5 of 6 tasks
Labels

Comments

@kazemsami
Copy link

kazemsami commented Apr 12, 2024

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/devbox/swiper-react-effect-coverflow-forked-m4qfl2

Bug description

When I use the coverflow effect and set loop true, for some reason the swiper wrapper goes on top of some of the swiper slides and covers the link on each slide. In the demo I linked try to move to the previous slide and hover around the whole slide you will notice that the pointer changes to default and the link is not clickable anymore when hovering over the left side of the slide. I tried changing the z index on the swiper slides but that did not work. Is this a bug or am I missing something?

Expected Behavior

For all the links inside the swiper slide to be clickable when using coverflow effect

Actual Behavior

The links inside the swiper slide are not clickable.

Swiper version

11.1.1

Platform/Target and Browser Versions

macOS, Firefox Developer Edition

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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant