[css-multicol-2] column-wrap, column-height and column balancing #11976
Description
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:
<!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)
Or this? (option 2)
Or maybe this? (option 3)