Bug 299836
| Summary: | [css-multicol-1] column-count: 1 should create a multi-column container | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | fantasai <fantasai.bugs> |
| Component: | Layout and Rendering | Assignee: | fantasai <fantasai.bugs> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | bfulgham, kiet.ho, murakami, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Local Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| Bug Depends on: | |||
| Bug Blocks: | 289743 | ||
fantasai
Per spec, a non-auto value of column-count creates a multicol container, see
https://www.w3.org/TR/css-multicol-1/#the-multi-column-model
https://www.w3.org/TR/css-multicol-1/#cc
"An element whose column-width or column-count property is not auto establishes a multi-column container (or multicol container for short), and therefore acts as a container for multi-column layout."
This is noticeable when the element has a fixed height: in this case the content should be fragmented into columns that overflow in the inline axis. See this testcase in e.g. WebKit vs Firefox:
<div style="column-count: 1; height: 1.5em; border: solid;">1<br>2<br>3</div>
https://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cdiv%20style%3D%22column-count%3A%201%3B%20height%3A%201.5em%3B%20border%3A%20solid%3B%22%3E1%3Cbr%3E2%3Cbr%3E3%3C%2Fdiv%3E
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/161611444>
fantasai
Pull request: https://github.com/WebKit/WebKit/pull/51536
fantasai
This blocks passing anchor-position-multicol-008, so marking as a WPT dependency.
EWS
Committed 300787@main (e10b646accd3): <https://commits.webkit.org/300787@main>
Reviewed commits have been landed. Closing PR #51536 and removing active labels.