Bug 243582 - [iOS] CSS Scroll Snap disables momentum-based scrolling
Summary: [iOS] CSS Scroll Snap disables momentum-based scrolling
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 15
Hardware: iPhone / iPad iOS 15
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-08-05 01:32 PDT by Šime Vidas
Modified: 2024-09-27 04:45 PDT (History)
5 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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>