swiper icon indicating copy to clipboard operation
swiper copied to clipboard

Published 20 hours ago • verified publisher icon nolimits4web

scroll-margin breaks CSS mode animation in Safari 15.0 on swiper7

Open Oliweer opened this issue 4 years ago • 1 comments

Check that this is really a bug

  • [X] I confirm

Reproduction link

https://codesandbox.io/s/swiper-css-mode-forked-l2wxq?file=/index.html

Bug description

When using scroll-margin (previously scroll-snap-margin) to control how the items snap inside the overflow it flickers on Safari 15.0 when pressing the prev/next buttons. This previously worked even worse in Safari 14.x but now its just the animation that it has issues with.

Expected Behavior

Smooth animation like in chrome.

Actual Behavior

Small flickering when it animation stops because the animation gets offset with whatever the scroll-margin is.

Swiper version

7.0.6

Platform/Target and Browser Versions

macOS Safari 15.0

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

Oliweer avatar Sep 21 '21 14:09 Oliweer

Right now it is not supported as there is no alternative for it not in CSS mode

nolimits4web avatar Sep 24 '21 14:09 nolimits4web