I’m running into an issue where an overflowing container with scroll-snap-type: y mandatory
and 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:
- https://kyx9w8.csb.app/ (see here for the CodeSandbox)
Video:
- 00:00 - 00:13 Samsung Internet Browser
- 00:13 - 00:26 Chrome (expected behavior)
If you need any more information, let me know!