summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMoonchild <moonchild@palemoon.org>2023-08-13 22:06:13 +0200
committerMoonchild <moonchild@palemoon.org>2023-08-13 22:06:13 +0200
commit2a6187709b4abe2a375811bc50d2ea160d9f2d18 (patch)
tree6b9916d57aa3af9980ca2f43817df7b10bc8befb
parentcd98dce5fa3e75b0d36cef7fac8bdf55941465b0 (diff)
downloaduxp-2a6187709b4abe2a375811bc50d2ea160d9f2d18.tar.gz
Issue #2284 - Update reftest for behaviour change.
I've verified this against Edge-latest.
-rw-r--r--layout/reftests/bugs/1128354-1-ref.html17
-rw-r--r--layout/reftests/bugs/1128354-1.html23
2 files changed, 35 insertions, 5 deletions
diff --git a/layout/reftests/bugs/1128354-1-ref.html b/layout/reftests/bugs/1128354-1-ref.html
index a559370f22..a90b26e281 100644
--- a/layout/reftests/bugs/1128354-1-ref.html
+++ b/layout/reftests/bugs/1128354-1-ref.html
@@ -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>
diff --git a/layout/reftests/bugs/1128354-1.html b/layout/reftests/bugs/1128354-1.html
index c83bcf8b25..7c6dc87272 100644
--- a/layout/reftests/bugs/1128354-1.html
+++ b/layout/reftests/bugs/1128354-1.html
@@ -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>