Bug 134283 - Implement CSS Scroll Snap Points Spec
Summary: Implement CSS Scroll Snap Points Spec
Alias: None
Product: WebKit
Classification: Unclassified
Component: WebCore Misc. (show other bugs)
Version: 528+ (Nightly build)
Hardware: All Unspecified
: P2 Enhancement
Assignee: Nobody
Depends on: 134301 135195 135268 135768 135769 135774 135915 135964 135967 135994 135997 136005 136344 136345 139083 142411 145843 165317 203968
  Show dependency treegraph
Reported: 2014-06-24 17:35 PDT by Wenson Hsieh
Modified: 2021-02-12 03:09 PST (History)
17 users (show)

See Also:

Basic scroll-snapping examples (13.53 MB, application/zip)
2014-08-15 16:06 PDT, Wenson Hsieh
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Wenson Hsieh 2014-06-24 17:35:23 PDT
Radar link: <rdar://problem/17283505>

Implement CSS snap points according to the (not yet final) W3C spec here: http://dev.w3.org/csswg/css-snappoints/
See bug-issues for more details.
Comment 1 Wenson Hsieh 2014-06-24 17:40:32 PDT
Comment 2 Wenson Hsieh 2014-06-24 17:40:53 PDT
(In reply to comment #0)
> Radar link: <rdar://problem/17283505>
> Implement CSS snap points according to the (not yet final) W3C spec here: http://dev.w3.org/csswg/css-snappoints/
> See bug-issues for more details.

^^^ that's *sub*-issues, not bug-issues
Comment 3 Wenson Hsieh 2014-06-25 11:22:17 PDT
First sub-issue: https://bugs.webkit.org/show_bug.cgi?id=134301
Comment 4 Wenson Hsieh 2014-07-23 06:39:08 PDT
Second subissue: exposing trackpad scrolling phases https://bugs.webkit.org/show_bug.cgi?id=134283
Comment 5 Wenson Hsieh 2014-07-23 06:41:12 PDT
(In reply to comment #4)

[Correction] Second sub-issue is https://bugs.webkit.org/show_bug.cgi?id=135195, not this page.
Comment 6 Wenson Hsieh 2014-08-15 16:06:25 PDT
Created attachment 236686 [details]
Basic scroll-snapping examples

Contains two web pages that demonstrate basic examples of snap scrolling. iphone.html shows a vertically scrolling overflow div that fills the entire window and has a snap point at the top of every image. itunes.html shows three divs: the first scrolls horizontally with images snapping to the left edge; the second also scrolls horizontally, but has images snapping to the center; the last example shows 2D scrolling, with snap points on both axes at every image.
Comment 7 Wenson Hsieh 2014-08-15 17:14:37 PDT
List of known issues with CSS snap points implementation:

- Rename the CSS_SCROLL_SNAP feature flag to CSS_SNAP_POINTS.

- Make WKWebView set deceleration to fast when didCommitLayerTree is called, rather than when scrolling will begin dragging.

- Account for insets on the iOS mainframe.

- Improve Mac snapping animations (also, improve their performance)

- In the spec, the repeat value begins counting from the "last point." We need to clarify what this means -- currently, the implementation starts counting from the furthest point, which would not be correct if the list of snap points is not sorted and our interpretation of "last point" is the last point specified by the user.

- Clarify what the expected behavior is when a snap point moves, disappears, or is added to the snap scrolling container.

Also see:

Comment 8 Simon Fraser (smfr) 2015-10-24 21:04:37 PDT
Can we close this now?
Comment 12 Martin Robinson 2021-02-12 03:06:31 PST
Removing dependency on 203684 as it is now part of the metabug at: issue 221461.
Comment 13 Martin Robinson 2021-02-12 03:09:03 PST
I think it makes sense to close this issue. We have the metabug at https://bugs.webkit.org/show_bug.cgi?id=218115 to track remaining implementation / compatability issues and then there are also quite a few remaining issues related to scroll snap behavior in Bugzilla in general.