[csswg-drafts] [css-multicol-2] `column-height` and nested fragmentation (#11977)

mstensho has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-multicol-2] `column-height` and nested fragmentation ==
How should `column-height` be handled if the multicol container is nested inside another fragmentation context (e.g. pagination, or another multicol container)? If an outer break is inserted in the middle of an inner row, should a new inner row be created from scratch in the next outer fragmentainer (option 1 below), or should it resume and use whatever is left (option 2 below)?

```html
<!DOCTYPE html>
<style>
  #outer {
    columns: 2;
    column-fill: auto;
    height: 160px;
    line-height: 20px;
    orphans: 1;
    widows: 1;
    column-rule: solid;
  }
  #inner {
    columns: 1;
    column-fill: auto;
    column-height: 80px;
    column-wrap: wrap;
    row-gap: 40px;
  }
</style>
<div id="outer">
  <div id="inner">
    <div style="background:hotpink;">
      a<br>b<br>c<br>d<br>e<br>f<br>g<br>h<br>i<br>j<br>k<br>
    </div>
  </div>
</div>
```

Option 1 (restart from scratch):

![Image](https://github.com/user-attachments/assets/46d746e7-843d-4888-bddf-b66f757c3f93)

Option 2 (resume what's left):

![Image](https://github.com/user-attachments/assets/34112442-cf06-4403-800f-585f8807c906)

@rachelandrew 

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11977 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 21 March 2025 12:17:44 UTC