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

When slide content is a full size button you can not drag slides #7874

Closed
5 of 6 tasks
gunnx opened this issue Jan 30, 2025 · 1 comment
Closed
5 of 6 tasks

When slide content is a full size button you can not drag slides #7874

gunnx opened this issue Jan 30, 2025 · 1 comment
Labels

Comments

@gunnx
Copy link

gunnx commented Jan 30, 2025

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/sandbox/swiper-react-slides-per-view-forked-g89j9d

Bug description

If you make the content of a slide a element that is full width/height for the slide then you are unable to use drag to slide.

You can make it work if you edit the focusableElements to remove button but my understanding is that is only for when a button is focused not generally.

Expected Behavior

I can drag the slides regardless of the content type.

Actual Behavior

unable to drag when on a slide, you can drag though in the gaps between.

Swiper version

Codesandbox using 10.0.0 but I also tested against 11.2.1

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

@gunnx gunnx added the React label Jan 30, 2025
@nolimits4web
Copy link
Owner

Yes, you can edit the focusableElements

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

2 participants