summaryrefslogtreecommitdiff
path: root/layout/reftests/bugs/1128354-1.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/bugs/1128354-1.html')
-rw-r--r--layout/reftests/bugs/1128354-1.html23
1 files changed, 20 insertions, 3 deletions
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>