Bug 243582

Summary: [iOS] CSS Scroll Snap disables momentum-based scrolling
Product: WebKit Reporter: Šime Vidas <sime.vidas>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: chasem000, fotis.papadogeorgopoulos, nmouchtaris, simon.fraser, webkit-bug-importer, wenson_hsieh
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: iPhone / iPad   
OS: iOS 15   
Attachments:
Description Flags
Test case none

Šime Vidas
Reported 2022-08-05 01:32:54 PDT
1. Open https://output.jsbin.com/kehuzan/quiet 2. Scroll the page What happened: The scrolling animation does not have momentum. Relevant CSS on test page: html { scroll-snap-type: y proximity; } li { scroll-snap-align: start; }
Attachments
Test case (1.34 KB, text/html)
2026-04-16 15:43 PDT, Simon Fraser (smfr) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Šime Vidas
Comment 1 2022-08-05 02:15:20 PDT
I’ve tested in Chrome and Firefox on Android. When I perform a fast scrolling operation, the scrolling continues until the velocity decreases to a certain threshold, at which point the browser snaps to an item. But in Safari, as soon as I lift my finger from the swipe, it snaps. There is no fast scrolling velocity like in other browsers that prevents snapping for an additional second or two. This makes it impossible to scroll the page fast. You have to swipe over and over again to inch your way to the bottom of the page. I think this is way too limiting.
Radar WebKit Bug Importer
Comment 2 2022-08-05 19:50:33 PDT
<rdar://problem/98224628>
Simon Fraser (smfr)
Comment 3 2026-04-16 15:43:17 PDT
Created attachment 479114 [details] Test case
Simon Fraser (smfr)
Comment 4 2026-04-16 15:45:49 PDT
Current behavior on iOS is that swipes move from one item to the next, instead of doing a normal momentum scroll and then retargeting near the end (which would be the ideal behavior).
Note You need to log in before you can comment on or make changes to this bug.