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

[Oliweer]

Check that this is really a bug

• 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

• 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

[nolimits4web]

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