#1056: CSS Stylable Columns

Visit on Github.

Opened Feb 20, 2025

(Split from #1037. Original requester @flackr)

こんにちは TAG-さん!

I'm requesting a TAG review of CSS Stylable Columns.

Carousels are an often used design pattern on the web. They are used in a variety of contexts, from product listing pages to slideshow like content. OpenUI has explored a range of carousel designs, showing that the specific layout and appearance can vary dramatically. They are also provided by many frameworks as components, however implementing a carousel correctly is complicated and often results in inconsistent and sometimes inaccessible implementations.

There are a variety of problems being solved by carousels, which we believe could be provided by a 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.

Further details:

  • I have reviewed the TAG's Web Platform Design Principles
  • Relevant time constraints or deadlines:
  • The group where the work on this specification is currently being done: CSSWG
  • The group where standardization of this work is intended to be done (if different from the current group):
  • Major unresolved issues with or opposition to this specification:
  • This work is being funded by:

Discussions

Log in to see TAG-private discussions.

Discussed Apr 1, 2025 (See Github)

Already closed as satisfied.

Comment by @xiaochengh Apr 22, 2025 (See Github)

Hi @flackr, we discussed it at a TAG breakout and found that:

  • Unlike the other parts of the parent issue, we didn't find any accessibility concerns as it does not involve user interactions.
  • Currently, ::column is specified in a way to only serve the Carousel scenario, as all the allowed properties are scroll-related. However, we found that it might have value in other use cases. For example, creating a multi-column layout with interleaving column background colors, similar to what we've seen in tables.

Therefore, we would like to see ::column extended to more general scenarios.