Intent to Prototype and Ship: scroll-axis-lock

[David A]

Contact emails

awogb...@chromium.org

Explainer

https://github.com/explainers-by-googlers/scroll-axis-lock

Specification

https://github.com/w3c/csswg-drafts/pull/14152

Summary

scroll-axis-lock is a CSS property that authors can use to instruct browsers not to constrain a user's scrolling gesture to one axis. Web browsers often "lock" a user's scrolling gesture to a single axis when that gesture starts with significantly more movement in one axis than in the perpendicular axis. In many cases, this behavior improves the user's experience by avoiding accidental scrolls along the perpendicular axis when the user's intent was to scroll only one axis. However, in cases where an author wishes their element to always be diagonally scrollable, this locking behavior forces the user to start their gesture at an angle that doesn't trigger the locking, often not in alignment with the author's intended user experience.

Blink component

Blink>Scroll

Web Feature ID

Missing feature

Motivation

No information provided

Initial public proposal

https://github.com/w3c/csswg-drafts/issues/13207#issue-3719960794

TAG review

https://github.com/w3ctag/design-reviews/issues/1248

TAG review status

Pending

Goals for experimentation

None

Risks

Interoperability and Compatibility

No information provided

Gecko: No signal (https://github.com/mozilla/standards-positions/issues/1435)

WebKit: No signal (https://github.com/WebKit/standards-positions/issues/698)

Web developers: Positive (https://github.com/w3c/csswg-drafts/issues/13207#issuecomment-3746914407)

Other signals:

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

No information provided

Debuggability

Like other CSS properties, scroll-axis-lock can be inspected via DevTools.

Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, ChromeOS, Android, and Android WebView)?

Yes

Is this feature fully tested by web-platform-tests?

Yes
https://wpt.fyi/results/css/css-overflow/scroll-axis-lock.html

Flag name on about://flags

No information provided

Finch feature name

ScrollAxisLock

Rollout plan

Will ship enabled for all users

Requires code in //chrome?

False

Tracking bug

https://crbug.com/479472367

Estimated milestones

No milestones specified

Anticipated spec changes

Open questions about a feature may be a source of future web compat or interop issues. Please list open issues (e.g. links to known github issues in the project for the feature specification) whose resolution may introduce web compat/interop risk (e.g., changing to naming or structure of the API in a non-backward-compatible way).

No information provided

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5908461532610560?gate=6039066052263936

This intent message was generated by Chrome Platform Status.

[David A]

Estimated milestones

No milestones specified 

 Updated on the Chromestatus page: the estimated shipping milestone is 153.