[csswg-drafts] [css-multicol-2] `column-wrap`, `column-height` and column balancing (#11976)

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

== [css-multicol-2] `column-wrap`, `column-height` and column balancing ==
In a world where an auto `column-height` means that the content-box size of the multicol container should be used, it follows that the content of the columns on each row need to be balanced (if `column-fill` is `balance`). But what about the height of the columns and rows? If there's not enough content to fill the columns, should they still become as tall as used `column-height`.

Example:
```html
<!DOCTYPE html>
<style>
  .mc {
    column-count: 2;
    column-height: 100px;
    column-wrap: wrap;
  }
  .mc > div > div {
    break-after: column;
  }
</style>
<div class="mc">
  <div style="background:cyan;">
    <div>First column</div>
    <div>Second column</div>
    <div>Third column</div>
    <div>Fourth column</div>
    <div>Fifth column</div>
  </div>
</div>
```

Should it look like this? (option 1)

![Image](https://github.com/user-attachments/assets/3cba0ca0-7afd-420a-9c92-fe81b358a9a1)

Or this? (option 2)

![Image](https://github.com/user-attachments/assets/036cea39-0997-4350-a5aa-e6b001c7ff30)

Or maybe this? (option 3)

![Image](https://github.com/user-attachments/assets/903c79b0-a0d2-4262-8e54-05787b824d09)

@rachelandrew 

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11976 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 11:28:56 UTC