- From: Morten Stenshorne via GitHub <noreply@w3.org>
- Date: Fri, 03 Oct 2025 09:33:37 +0000
- To: public-css-archive@w3.org
I propose option A: Rows fragment (like regular blocks) across (outer) fragmentainers. What's not spent of column-height in previous outer fragmentainers is available to subsequent fragmentainers. This follows the principle of not letting fragmentation disrupt layout more than necessary.
Rationale:
1. That principle I mention. Is that a thing? I couldn't find it in the spec, but I've seen this mentioned several times.
2. Less weirdness for something that surely is a corner-case?
Demo (I'm not saying it's pretty, but at least it's predictable, no?):
```html
<!DOCTYPE html>
<div style="columns:6; column-fill:auto; height:100px; background:yellow;">
<div style="columns:2; column-fill:auto; rule:solid; gap:20px; column-height:250px; column-wrap:wrap; background:cyan;">
<div style="width:50%; height:510px; background:hotpink;"></div>
</div>
</div>
```
Should be rendered as:
<img width="514" height="106" alt="Image" src="https://github.com/user-attachments/assets/20abb2e6-34e1-4b58-84a9-0effa4b53c04" />
--
GitHub Notification of comment by mstensho
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11977#issuecomment-3364967049 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 3 October 2025 09:33:38 UTC