Intent to Prototype: ::scroll-marker and ::scroll-markers for Carousel

[Daniil Sakhapov]

Contact emails

sakh...@chromium.org

Explainer

https://github.com/flackr/carousel/tree/main/scroll-marker

Specification

https://github.com/flackr/carousel/tree/main/scroll-marker

Summary

Pseudo elements that allow to create a set of focusable markers for all of the carousel items. Explainer: https://github.com/flackr/carousel/tree/main/scroll-marker

Blink component

Blink>CSS

Motivation

Authors need to be able to easily create a set of focusable markers for all of their items, or pages of items when combined with automatic fragmentation. For individual items, an author can do this manually, though it requires writing extra elements which need to be kept up to date with the items to which they scroll. Script also needs to be used to get the desired scrolling behavior. For dynamically content-sized pages, this can only currently be done with a script which generates DOM. By having a way to automatically generate markers, many more advanced UI patterns can be solved in CSS.

Initial public proposal

https://github.com/flackr/carousel/issues

TAG review

None

TAG review status

Pending

Risks

Interoperability and Compatibility

None

Gecko: No signal

WebKit: No signal

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

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

No

Flag name on chrome://flags

None

Finch feature name

None

Non-finch justification

None

Requires code in //chrome?

False

Estimated milestones

No milestones specified

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5160035463462912

This intent message was generated by Chrome Platform Status.