Bug 253196 - [Scroll Snap] Scroll snapping to a section taller than the viewport causes scroll to jump too far
Summary: [Scroll Snap] Scroll snapping to a section taller than the viewport causes sc...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Scrolling (show other bugs)
Version: Safari 16
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-03-01 14:42 PST by Zouhir
Modified: 2023-03-08 14:43 PST (History)
2 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Zouhir 2023-03-01 14:42:57 PST 
iOS: 16.3.1
macOS: 13.2.1
Safari: 16 (stable)

What steps will reproduce the problem?
(1) Go to https://scroll-snap-demo.web.app/
(2) Scroll down all the way to the colorful sections (~3000px or so).
(3) Once on the *first* colorful section, scroll up (even gently if you want).

What is the expected result?
- Scroll up a reasonable amount, matching my gesture / fling momentum & distance.

What happens instead?
- Scroll shoots up way too much (3000px or more even with gentle scroll gesture), to the beginning of the tall div.

We have a crbug open to discuss how can we get rid of `scroll-snap-align: start` which might help addressing this issue too.
Comment 1 Zouhir 2023-03-01 14:44:17 PST 
[Update: missing a link]

We have a crbug open to discuss how can we get rid of `scroll-snap-align: start` which might help addressing this issue too. Link: https://bugs.chromium.org/p/chromium/issues/detail?id=1420439
Comment 2 Radar WebKit Bug Importer 2023-03-08 14:43:18 PST 
<rdar://problem/106453370>