New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

[css-scroll-snap] Support CSS Scroll Snap Points

Project Member Reported by majidvp@chromium.org, Jun 8 2015

Issue description

Change description:
https://www.chromestatus.com/features/5721832506261504

Changes to API surface:
The following CSS attributes will be supported
scroll-snap-type
scroll-snap-points-x
scroll-snap-points-y
scroll-snap-destination
scroll-snap-coordinate

Links:
Public standards discussion: http://www.w3.org/TR/css-snappoints-1

Support in other browsers:
Internet Explorer: Shipped
Firefox: In development
Safari: In development


 

Comment 1 by mi...@epek.com, Jun 13 2015

Safari: Shipped
Note that Firefox also implements scroll-snap-type-x and scroll-snap-type-y.

Comment 3 by laukst...@gmail.com, Sep 16 2015

https://www.chromestatus.com/feature/5721832506261504 updated status:
Firefox: Shipped
Edge: Shipped
Safari: Shipped
Web Developers: Positive

Standards proposal draft https://drafts.csswg.org/css-scroll-snap/

Comment 5 by m.go...@gmail.com, Sep 23 2015

Since it's not even available in Canary yet the label M-46 is not accurate, isn't it?

Comment 6 by m.go...@gmail.com, Sep 23 2015

(unless that's just for Android or sth)

Comment 7 by rbyers@chromium.org, Sep 23 2015

Labels: -M-46 OS-Android
Right, M46 was our original goal.  Removing the milestone for now.

Comment 8 by rbyers@chromium.org, Sep 23 2015

Labels: -OS-Android
Blockedon: chromium:551406
Labels: Hotlist-Input-Dev
Components: Blink>Scroll
Any ETA on this feature?
I cannot provide and ETA but in case it helps we are ramping up our efforts here.
Selection_228.png
20.3 KB View Download
I have been hoping that Chrome would implement this for a long time. Are you guys still working on it? Chrome is the last browser to implement this before we can finally drop all our nasty scroll snapping polyfill scripts.
Status: Started (was: Assigned)
It is in our backlog. We like the new spec and understand it can help get rid of those polyfills.

In future if you just want to indicate your interest in any feature or bug on bugs.chromium.org, please star the bug which is more appropriate than leaving a comment.
Thanks i have it starred, but there was no activity (seemingly) for a long
time that's why I asked. Thanks for the status update and great that you
are still working on it. I was getting a bit worried to be honest :)

Op 12 dec. 2016 15:45 schreef "maji… via monorail" <
monorail+v2.3897839768@chromium.org>:
Cc: sunyunjia@chromium.org
sunyunjia and majidvp are working on this.
Please implement this! This is now shipped / supported by all major browsers except Chrome!

Comment 20 by da...@quidware.com, Jan 19 2017

Please keep us informed about implemetations and an ETA would be great.
Blockedon: -430155 -410974 311234
Can be assigned another owner developer?
Because. Owner: majidvp@chromium.org. Last visit 22 days ago

Thank.
majidp@ is currently on paternity leave, but sunyunjia@ is actively working on code (presumably under  issue 311234 ) and Majid is still driving the overall effort.
Ok

Need add link `launch bug` to page Status in Chromium
https://www.chromestatus.com/feature/5721832506261504
Could it be possible to raise the priority of this issue since it has been open for so long? 

Scrolling is a hugely important feature of any app and no app can use CSS Scroll Snap points without ugly polyfills because Chromium is the dominant browser (especially on mobile where the polyfill performance cost is highest) and has still not implemented it. I think this issue is being worked on for over almost 2 years now.
Blockedon: 724912
Labels: migrated-launch-owp Type-Task
This issue has been automatically relabelled type=task because type=launch-owp issues are now officially deprecated. The deprecation is because they were creating confusion about how to get launch approvals, which should be instead done via type=launch issues.

We recommend this issue be used for implementation tracking (for public visibility), but if you already have an issue for that, you may mark this as duplicate.

For more details see here: https://docs.google.com/document/d/1JA6RohjtZQc26bTrGoIE_bSXGXUDQz8vc6G0n_sZJ2o/edit

For any questions, please contact owencm, sshruthi, larforge
It would be great to get an update on this issue. Is there an ETA?

Comment 29 by tho...@jsconf.asia, Oct 11 2017

Support in other browsers is now:
Internet Explorer: Shipped
Firefox: Shipped
Safari: Shipped

Chrome is now the only browser not supporting this amazing feature for performant web app usability.
They're doing it from the ground up on top of low-level primitives to make sure the implementation is maintainable and performant, instead of just bolting it on. 

Is https://bugs.chromium.org/p/chromium/issues/detail?id=311234 still blocked on? 
What's the status now that CSS smooth scrolling has been activated in Chrome? From my understanding, CSS smooth scrolling as well as CSS Scroll Snap Points both were blocked by the very same low-level primitive creation task.
No lower level primitive is blocking our progress for scroll snap. We are actively working on it and making progress. See my other comment here [1].

[1]  https://bugs.chromium.org/p/chromium/issues/detail?id=311234#c36
Project Member

Comment 33 by bugdroid1@chromium.org, Jan 3 2018

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/15ccae56cd1e6de0026e5dc0507192edcefe1932

commit 15ccae56cd1e6de0026e5dc0507192edcefe1932
Author: Sandra Sun <sunyunjia@chromium.org>
Date: Wed Jan 03 17:26:52 2018

Turning CSSScrollSnapPoints experimental.

As we have implemented Snap at GestureScrollEnd on main thread,
https://chromium-review.googlesource.com/c/chromium/src/+/756887, we'd
like to turn the flag to experimental so it would be easier to test the
feature on Canary.

Bug: 497851
Change-Id: Ibdd23f17cbbbc47cbbe6d52bc492c2d910f32ce8
Reviewed-on: https://chromium-review.googlesource.com/836463
Reviewed-by: Majid Valipour <majidvp@chromium.org>
Reviewed-by: Philip Jägenstedt <foolip@chromium.org>
Commit-Queue: Sandra Sun <sunyunjia@chromium.org>
Cr-Commit-Position: refs/heads/master@{#526719}
[modify] https://crrev.com/15ccae56cd1e6de0026e5dc0507192edcefe1932/third_party/WebKit/Source/platform/runtime_enabled_features.json5

MACOS - Chrome Canary 66.0.3339.0
In chrome://flags/ not found flag CSS Scroll Snap
It's one of "Experimental Web Platform features", could you try to turn on that flag?

Comment 36 Deleted

Labels: -Type-Task Type-Feature
Blockedon: 821656
Cc: r...@opera.com abarth@chromium.org majidvp@chromium.org nduca@chromium.org tabatkins@chromium.org
 Issue 311234  has been merged into this issue.
Blockedon: 821928
Blockedon: 823820
Blockedon: 823998
Blockedon: 825869
Blockedon: 826359
Blockedon: 825544
Blockedon: 826379
Blockedon: 826416
Blockedon: 827187
Blockedon: 819855
Summary: [css-scroll-snap] Support CSS Scroll Snap Points (was: Support CSS Scroll Snap Points)
Blockedon: 839971
Blockedon: 842311
Blockedon: 842317
Blockedon: 843129
Blockedon: 843553
Blockedon: 842165
Blockedon: 851690
Blockedon: 853295
Blockedon: 853837
Blockedon: 854379

Comment 62 Deleted

Blockedon: 859158
Blockedon: 860768
Blockedon: 862406
Blockedon: 862450
Blockedon: 863409
Blockedon: 866127
Blockedon: 866517
Blockedon: 868920
Blockedon: 876052
Blockedon: 889523
Blockedon: 866918
Blockedon: 837078
Blockedon: 835301
Blockedon: 898975

Sign in to add a comment