CSS `scroll-snap` issue in Samsung Internet v27

Samsung Internet
1

I’m running into an issue where an overflowing container with scroll-snap-type: y mandatoryand a child with:

scroll-snap-stop: always;
scroll-snap-align: top;

causes the overflowing container to scroll back up a bit after a fling gesture has finished.

This behavior is inconsistent with other browsers, such as Chrome on Android and iOS Safari, where the container maintains its fling position as expected.

Expected behavior:

  • The overflowing container should remain at the position reached by the fling gesture and not scroll back up.

Browser/device:

  • Samsung Internet 27.0.0.79.
  • Samsung Galaxy S20 FE 5G

Reproduction:

Video:

  • 00:00 - 00:13 Samsung Internet Browser
  • 00:13 - 00:26 Chrome (expected behavior)

If you need any more information, let me know!

2

Hello
Create a support request in the Samsung developer support channel.