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: nmouchtaris, simon.fraser, webkit-bug-importer, wenson_hsieh
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: iPhone / iPad   
OS: iOS 15   

Description Šime Vidas 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;
}
Comment 1 Šime Vidas 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.
Comment 2 Radar WebKit Bug Importer 2022-08-05 19:50:33 PDT
<rdar://problem/98224628>