CSS Overflow Navigation Controls

[flackr]

WebKittens

No response

Title of the proposal

CSS Overflow 5: Scroll navigation controls

URL to the spec

https://drafts.csswg.org/css-overflow-5/#scroll-navigation

URL to the spec's repository

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

Issue Tracker URL

No response

Explainer URL

https://github.com/w3c/csswg-drafts/blob/main/css-overflow-5/carousel-explainer.md

TAG Design Review URL

w3ctag/design-reviews#1037

Mozilla standards-positions issue URL

mozilla/standards-positions#1161

WebKit Bugzilla URL

No response

Radar URL

No response

Description

There are a variety of problems being solved by carousels, which we believe could be provided by a small set of CSS features. Developers could then combine these CSS features to create the various designs. CSS-only component libraries could be built to further simplify this process.

[danielsakhapov]

FYI, we've update scroll-marker-group property to support modes to better comply with WCAG patterns - https://chromestatus.com/feature/5109685301673984?gate=6191471012216832

[fantasai]

Some issues that seem pretty fundamental:

• [css-overflow-5]: calling focus on the carousel / scroll container w3c/csswg-drafts#12240
• [css-overflow-5]: mechanism to override and set semantic props on overflow markers and buttons w3c/csswg-drafts#12269