243582 2022-08-05 01:32:54 -0700 [iOS] CSS Scroll Snap disables momentum-based scrolling 2026-04-16 15:45:49 -0700 1 1 1 Unclassified WebKit CSS Safari 15 iPhone / iPad iOS 15 NEW InRadar P2 Normal --- 1 sime.vidas webkit-unassigned chasem000 fotis.papadogeorgopoulos nmouchtaris simon.fraser webkit-bug-importer wenson_hsieh oldest_to_newest 1889079 0 sime.vidas 2022-08-05 01:32:54 -0700 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; } 1889081 1 sime.vidas 2022-08-05 02:15:20 -0700 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. 1889313 2 webkit-bug-importer 2022-08-05 19:50:33 -0700 <rdar://problem/98224628> 2201252 3 479114 simon.fraser 2026-04-16 15:43:17 -0700 Created attachment 479114 Test case 2201254 4 simon.fraser 2026-04-16 15:45:49 -0700 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). 479114 2026-04-16 15:43:17 -0700 2026-04-16 15:43:17 -0700 Test case scroll-snap.html text/html 1371 simon.fraser PCFET0NUWVBFIGh0bWw+Cgo8aHRtbCBjbGFzcz0ic25hcCI+CiAgPGhlYWQ+CiAgICA8bWV0YSBj aGFyc2V0PSJ1dGYtOCI+CjwhLS0KQ3JlYXRlZCB1c2luZyBKUyBCaW4KaHR0cDovL2pzYmluLmNv bQoKQ29weXJpZ2h0IChjKSAyMDI2IGJ5IHNpbWV2aWRhcyAoaHR0cDovL2pzYmluLmNvbS9rZWh1 emFuLzExL2VkaXQpCgpSZWxlYXNlZCB1bmRlciB0aGUgTUlUIGxpY2Vuc2U6IGh0dHA6Ly9qc2Jp bi5taXQtbGljZW5zZS5vcmcKLS0+CjxtZXRhIG5hbWU9InJvYm90cyIgY29udGVudD0ibm9pbmRl eCI+CiAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRo Ij4KICAgIDx0aXRsZT5pT1Mgc2Nyb2xsIG1vbWVudHVtIHRlc3Q8L3RpdGxlPgogIAo8c3R5bGUg aWQ9ImpzYmluLWNzcyI+Cmh0bWwuc25hcCB7CiAgc2Nyb2xsLXNuYXAtdHlwZTogeSBwcm94aW1p dHk7Cn0KCnVsIHsKICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7CiAgcGFkZGluZzogMDsKfQoKbGkg ewogIGJhY2tncm91bmQ6IHBpbms7CiAgaGVpZ2h0OiA2MHZ3OwogIGJvcmRlcjogLjVyZW0gc29s aWQgYmxhY2s7CiAgbWFyZ2luOiAxcmVtIDA7CiAgZGlzcGxheTogZ3JpZDsKICBwbGFjZS1pdGVt czogY2VudGVyOwogIGZvbnQtc2l6ZTogNWVtOwp9CgpoMSB7CiAgbWFyZ2luOiAwOwp9CgpoMSwg bGkgewogIHNjcm9sbC1zbmFwLWFsaWduOiBzdGFydDsKfQo8L3N0eWxlPgo8L2hlYWQ+CiAgPGJv ZHk+CgogICAgPGgxPmlPUyBzY3JvbGwgbW9tZW50dW0gdGVzdDwvaDE+CgogICAgPHA+CiAgICAg IDxsYWJlbD4KICAgICAgICA8aW5wdXQgdHlwZT0iY2hlY2tib3giIGNoZWNrZWQgb25pbnB1dD0i ZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsYXNzTGlzdC50b2dnbGUoJ3NuYXAnLCB0aGlzLmNo ZWNrZWQpIj4KICAgICAgICBzY3JvbGwgc25hcAogICAgICA8L2xhYmVsPgogICAgPC9wPgogICAg CiAgICA8cD5TY3JvbGwgdGhlIHBhZ2UuIFR1cm4gb2ZmIHNjcm9sbCBzbmFwcGluZyB2aWEgdGhl IGNoZWNrYm94IGFib3ZlLCBhbmQgc2Nyb2xsIHRoZSBwYWdlIGFnYWluLiBOb3RpY2UgdGhhdCB0 aGVyZSBpcyBubyBtb21lbnR1bSB3aGVuIHNjcm9sbCBzbmFwcGluZyBpcyBwcmVzZW50LjwvcD4K CiAgICA8dWw+CiAgICAgIDxsaT4xPC9saT4KICAgICAgPGxpPjI8L2xpPgogICAgICA8bGk+Mzwv bGk+CiAgICAgIDxsaT40PC9saT4KICAgICAgPGxpPjU8L2xpPgogICAgICA8bGk+NjwvbGk+CiAg ICAgIDxsaT43PC9saT4KICAgICAgPGxpPjg8L2xpPgogICAgICA8bGk+OTwvbGk+CiAgICAgIDxs aT4xMDwvbGk+CiAgICA8L3VsPgoKICAgIDxoMj5UaGUgZW5kPC9oMj4KCiAgPC9ib2R5Pgo8L2h0 bWw+