v135 ยท css

Multicol task board

A flat list of release tasks flows through a real multi-column container. The browser creates the column fragments, then ::column paints, borders, pads, and snap-aligns those generated boxes without wrapper lanes or grid tracks. Change the column size, gap, and visual mode to see the same markup repaginate.

Feature detection: checking CSS.supports("selector(::column)")

Selector support

pending

Generated columns

pending

Scroll snap

pending

No-op probe

not run

Release Workstream one flat list, fragmented by multicol


  

why this is not a grid board

::column does not select CSS Grid tracks. It selects the fragments generated by a multi-column formatting context, such as this .task-stream using column-width, column-gap, column-fill: auto, and a fixed block size. That is why the task cards are one flat list: the columns are generated by layout, not authored as wrapper elements.

see also

references