Slider is jittery on Mac's Safari and iOS

[bhaveshxrawat]

Checks

• Not a duplicate.
• Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

v4.1.4

Description

Problem

I'm using Drag Free Snap feature in my website which is built using Astro and noticed that the slider are jittery on just Mac Safari and all browsers on iOS (makes sense, all browser are just re-skinned Safari browser).

After further inspection, I noticed that using will-change property fixes that and makes the slider smooth. Before that, I compared my site's slider with official website's one and it looked fine.

Screen.Recording.2023-11-26.at.4.49.58.PM.mp4

Reproduction Link

No response

Steps to Reproduce

I'm using drag free snap config

Splide.defaults = {
        autoWidth: true,
        autoHeight: true,
        drag: "free",
        snap: true,
        pagination: false,
        arrows: true,
        gap: "1rem",
        breakpoints: {
            769: {
                gap: "0.75rem",
                arrows: false,
            },
        },
    };

Expected Behaviour

The sliders are jittery which are resolved by adding will-change.