diff options
| author | Moonchild <git-repo@palemoon.org> | 2020-03-15 00:10:54 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-03-15 00:10:54 +0100 |
| commit | a1f53ada594eb96d0b1275a58c6b29d3f1ecd027 (patch) | |
| tree | 1c2921888c5e51ef5c2b89db03238e0228f02b1b /layout/reftests/css-grid/grid-max-sizing-flex-007-ref.html | |
| parent | 157a4abbcca108b050d359364f025e314d7fe315 (diff) | |
| parent | b3a4b8361ecd56ed762353f27dc86b3e28971f4b (diff) | |
| download | UXP-a1f53ada594eb96d0b1275a58c6b29d3f1ecd027.tar UXP-a1f53ada594eb96d0b1275a58c6b29d3f1ecd027.tar.gz UXP-a1f53ada594eb96d0b1275a58c6b29d3f1ecd027.tar.lz UXP-a1f53ada594eb96d0b1275a58c6b29d3f1ecd027.tar.xz UXP-a1f53ada594eb96d0b1275a58c6b29d3f1ecd027.zip | |
Merge pull request #1486 from MoonchildProductions/1485
Fix incorrect grid cell sizing to min/max space.
Diffstat (limited to 'layout/reftests/css-grid/grid-max-sizing-flex-007-ref.html')
| -rw-r--r-- | layout/reftests/css-grid/grid-max-sizing-flex-007-ref.html | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/layout/reftests/css-grid/grid-max-sizing-flex-007-ref.html b/layout/reftests/css-grid/grid-max-sizing-flex-007-ref.html index c5392d32c..b17a1cc02 100644 --- a/layout/reftests/css-grid/grid-max-sizing-flex-007-ref.html +++ b/layout/reftests/css-grid/grid-max-sizing-flex-007-ref.html @@ -107,4 +107,28 @@ <div class="item"></div> </div> +<pre>The first 6 grids should look the same:</pre> +<div class="grid rows" style="grid: 1fr / 30px; height:83px"> + <div class="item"></div> +</div> +<div class="grid rows" style="grid: 10px 1fr / 30px; height:83px"> + <div class="item" style="grid-row:span 2"></div> +</div> +<div class="grid rows" style="grid: 1fr / 30px; height:83px"> + <div class="item"></div> +</div> +<div class="grid rows" style="grid: 1fr 1fr / 30px; height:83px"> + <div class="item" style="grid-row:span 2"><div style="height:90px"></div></div> +</div> +<div class="grid rows" style="grid: 1fr auto / 30px; height:83px"> + <div class="item" style="grid-row:span 2"><div style="height:90px"></div></div> +</div> +<div class="grid rows" style="grid: 10px 1fr / 30px; height:83px"> + <div class="item" style="grid-row:span 2"><div style="height:90px"></div></div> +</div> +<div class="grid rows" style="grid: 1fr 1fr / 30px; grid-row-gap:10px; height:83px"> + <div class="item" style="grid-row:span 2"><div style="height:40px"></div></div> + <div class="item"><div style="height:40px"></div></div> +</div> + </body></html> |