Bug 255592 - [css-scroll-snap] scroll-to-top gesture on page with scroll-snap on html fails
Summary: [css-scroll-snap] scroll-to-top gesture on page with scroll-snap on html fails
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Scrolling (show other bugs)
Version: Safari 16
Hardware: iPhone / iPad iOS 16
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-04-18 05:22 PDT by Johannes Odland
Modified: 2024-04-03 02:48 PDT (History)
2 users (show)

See Also:

Attachments
Video of the issue (1.23 MB, video/mp4)
2023-04-18 05:22 PDT, Johannes Odland 		no flags Details
View All 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 Johannes Odland 2023-04-18 05:22:08 PDT 
Created attachment 465959 [details]
Video of the issue

A scroll-to-tap gesture on a page with scroll-snap on the root/html element fails. 
After the browser has scrolled to the top, the browser snaps back to the previous snap position.

Steps to reproduce:
1. Open a page with scroll-snap on root (https://johannesodland.github.io/browserbugs/safari-scroll-snap-scroll-to-top-issue.html)
2. Scroll down so that the viewport snaps to a position further down on the page
3. Tap the status bar to scroll to the top of the page

Expected result: 
The browser scrolls to the top of the page and snaps to the first snap position.

Actual result: 
The browser scrolls to the topp of the page, then resnaps to the previous snap point which might be far down on the page
Comment 1 Radar WebKit Bug Importer 2023-04-18 09:54:01 PDT 
<rdar://problem/108206197>
Comment 2 Johannes Odland 2023-05-22 04:24:58 PDT 
Retested on iOS 16.5. The issue is still present.
Comment 3 Johannes Odland 2023-09-19 09:30:03 PDT 
Retested on iOS 17. The issue is still present.
Comment 4 Johannes Odland 2024-03-07 12:13:06 PST 
Retested On iOS 17.4. The issue dermed to be resolved 🎉