Issue #2284 - Update reftest for behaviour change.

I've verified this against Edge-latest.
This commit is contained in:
Moonchild 2023-08-13 22:06:13 +02:00 committed by roytam1
commit 4b1c9976be
2 changed files with 35 additions and 5 deletions

View file

@ -13,10 +13,21 @@
}
.flexInnerHoriz {
display: flex;
height: -moz-fit-content;
margin: 0 0 auto 0;
background: pink;
}
.height50pct {
height: -moz-fit-content;
margin: 0 0 auto 0;
background: brown;
}
.height0pct {
height: -moz-fit-content;
margin: 0 0 auto 0;
background: yellow;
}
.spacer {
background: lightblue;
height: 200px;
@ -28,6 +39,8 @@
<div class="flexVert">
<div class="flexIntermediateHoriz">
<div class="flexInnerHoriz">text</div>
<div class="height50pct">fifty</div>
<div class="height0pct">zero</div>
<div class="spacer"></div>
</div>
</div>

View file

@ -14,11 +14,26 @@
.flexInnerHoriz {
display: flex;
height: 100%; /* If you delete this line, then pink area is stretched
to have its height match blue area. */
/* This percent should not be resolvable, because our parent's
* height is indefinite (because our parent is a flex item with an
* indefinite flex basis, in an indefinite-main-sized flex container).
* So we just end up with our content height.
*/
height: 100%;
background: pink;
}
.height50pct {
/* This percent should not be resolvable, for the same reason as above.
*/
height: 50%;
background: brown;
}
.height0pct {
/* This percent should not be resolvable, for the same reason as above.
*/
height: 0%;
background: yellow;
}
.spacer {
background: lightblue;
height: 200px;
@ -30,6 +45,8 @@
<div class="flexVert">
<div class="flexIntermediateHoriz">
<div class="flexInnerHoriz">text</div>
<div class="height50pct">fifty</div>
<div class="height0pct">zero</div>
<div class="spacer"></div>
</div>
</div>