mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-08 16:58:38 +09:00
Issue #2284 - Update reftest for behaviour change.
I've verified this against Edge-latest.
This commit is contained in:
parent
5235861f6e
commit
4b1c9976be
2 changed files with 35 additions and 5 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue