Safari / Webkit CSS scroll-snap bug?

I can’t seem to make scroll-snap work properly on Safari (either desktop or iOS).

The bug (?) happens when an item’s content is taller than the viewport, in which case Safari snap-scrolls right away to the next item making it impossible to read the contents of an item with a long text. This is not the case on Chrome, Firefox or Opera where it’s possible to scroll throughout any long snapping section and the snapping to the start of the next item will only occur at the bottom of that long item (making it possible to be read).

Here is a Demo: https://codepen.io/xfze/pen/YzWXdQv

relevant code used:

div {
    max-height: 100vh;
    overflow: scroll;
    scroll-snap-type: y mandatory;
}
li {
    scroll-snap-align: start;
}

as anyone ever got around this and got Safari behaving as Chrome/Firefox/Opera?

%d bloggers like this: