Intent to Prototype & Ship: scroll-start-target

193 views
Skip to first unread message

David Awogbemila

unread,
Nov 5, 2024, 5:17:28 PMNov 5
to blink-dev

Contact emails

awogb...@chromium.orgarg...@chromium.org 

Explainer

https://github.com/DavMila/explainer-scroll-start-target?tab=readme-ov-file

Specification

https://drafts.csswg.org/css-scroll-snap-2/#scroll-start-target

Summary

scroll-start-target is a CSS property that allows authors indicate that an element should be scrolled into view when its scroll container is first displayed on a page. scroll-start-target is a CSS property that gives web authors the ability to have a scroll container scrolled to its child (the target) when the container first shows up on the page. Similar to instantly scrolling to a URL fragment identifier when a page loads, this property provides an easier and more reliable way to achieve non-(0,0) default scroll position instead of other methods like JavaScript's scrollIntoView or animations on scroll-snap-align.



Blink component

Blink>Scroll

TAG review

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

TAG review status

Pending

Risks



Interoperability and Compatibility

None



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

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

Web developers: No signals

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?

None



Debuggability

None



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

No

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

Yes

https://wpt.fyi/results/css/css-scroll-snap-2/scroll-start-target?label=master&label=experimental&aligned



Flag name on about://flags

None

Finch feature name

CSSScrollStartTarget

Requires code in //chrome?

False

Tracking bug

https://crbug.com/40909052

Sample links


https://davmila.github.io/demo-scroll-start-target/drones/index.html
https://davmila.github.io/demo-scroll-start-target/gallery/index.html
https://davmila.github.io/demo-scroll-start-target/todo/index.html

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).

None

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/6276178888097792?gate=6225358956003328

This intent message was generated by Chrome Platform Status.

Mike Taylor

unread,
Nov 6, 2024, 9:01:38 AMNov 6
to David Awogbemila, blink-dev
Can you say more?

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

Yes

https://wpt.fyi/results/css/css-scroll-snap-2/scroll-start-target?label=master&label=experimental&aligned



Flag name on about://flags

None

Finch feature name

CSSScrollStartTarget

Requires code in //chrome?

False

Tracking bug

https://crbug.com/40909052

Sample links


https://davmila.github.io/demo-scroll-start-target/drones/index.html
https://davmila.github.io/demo-scroll-start-target/gallery/index.html
https://davmila.github.io/demo-scroll-start-target/todo/index.html

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).

None

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/6276178888097792?gate=6225358956003328

This intent message was generated by Chrome Platform Status.
--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAA6pwF6K1mqXxgQS6%2BYN7NNAd%2BNbSeDk8mkv_h7bph0oeZpf3Q%40mail.gmail.com.

David Awogbemila

unread,
Nov 6, 2024, 11:39:32 AMNov 6
to Mike Taylor, blink-dev
Apologies, I somehow forgot to flip this bit. This should have said Yes. I've updated the chromestatus page.

David Awogbemila

unread,
Nov 20, 2024, 3:35:38 PMNov 20
to Mike Taylor, blink-dev
Wanted to provide a quick update on this feature:
TAG feedback suggested considering a different name for the property. I've filed an issue with the CSS working group to come up with a new name.
Reply all
Reply to author
Forward
0 new messages