swiper icon indicating copy to clipboard operation
swiper copied to clipboard

Some buttons that are on slides are not focused (disabled) in Firefox.

Open abvas opened this issue 2 years ago • 0 comments

Check that this is really a bug

  • [X] I confirm

Reproduction link

https://codepen.io/abvas/pen/rNvjZYy

Bug description

This only happens in the Firefox browser (Chrome and Edge don't have this error) With effect = 'coverflow', 'cards', 'creative', it is possible that others do not focus buttons that are on slides. Buttons on the first slides are not focused (locked, disabled). Sometimes the buttons don't focus on the first three, sometimes on the first four - I don't know what it depends on, maybe the "slidesPerView" parameter affects it

Buttons don't seem to be focusable where "transform: translate3d ..." is present in "swiper-slide"

Expected Behavior

  1. Open demo app in Firefox browser
  2. Try focusing on the buttons on your slides. When hovering over buttons, they should be focused

Actual Behavior

When hovering over the buttons on the first slides (I have 3), the buttons don't get focused and don't work at all.

Swiper version

8.4.2

Platform/Target and Browser Versions

Windows 10, Firefox 104.0.2 (64)

Validations

  • [X] Follow our Code of Conduct
  • [X] Read the docs.
  • [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • [X] 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

abvas avatar Sep 16 '22 00:09 abvas