Bug 253078 - REGRESSION: Scroll gets stuck between snap-points when scrolling after overscroll
Summary: REGRESSION: Scroll gets stuck between snap-points when scrolling after oversc...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Scrolling (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Intel) Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-02-28 07:35 PST by Bruno Stasse
Modified: 2024-02-16 17:03 PST (History)
4 users (show)

See Also:


Attachments
testcase (1.10 KB, text/html)
2023-02-28 07:35 PST, Bruno Stasse
no flags Details
Screenshot from iPhone showing stuck horizontal image gallery style scroller (13.35 KB, image/png)
2024-02-16 17:03 PST, Teodor
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Bruno Stasse 2023-02-28 07:35:33 PST
Created attachment 465219 [details]
testcase

In a scroll container with scroll-snap-type set to mandatory, when scrolling with the trackpad right after overscrolling and lifting the fingers in a way so no momentum occurs between two snap-points, the scroll gets stuck instead of snapping to the nearest snap-point.

Steps to reproduce:
- open the test case on macOS
- scroll down and then up in order to cause overscroll
- before the end of overscroll, scroll down without lifting the fingers
- lift your fingers, without causing momentum, between two snap-points

You should see the content get stuck between the snap-points instead of snapping to the nearest one.

This occurs in STP 164, but I don't know when it was introduced, except that it was after STP 146. I cannot test normal Safari 16 at the moment so I don't know if it is already affected.
Comment 1 Radar WebKit Bug Importer 2023-02-28 14:24:16 PST
<rdar://problem/106051641>
Comment 2 Teodor 2024-02-16 17:03:27 PST
Created attachment 469938 [details]
Screenshot from iPhone showing stuck horizontal image gallery style scroller

Still reproducible on 17.3

This is especially a problem with horizontal scrolling (e.g., image gallery). With vertical scrolling user can write this bug off as blank space at the bottom of the page, but empty space to the right/left of the last/first gallery item is inexplicable and appears as broken.