[css-multicol-2] column-height and nested fragmentation #11977
Description
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)?
<!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):
Option 2 (resume what's left):
