diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
| commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
| tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /layout/reftests/css-grid/grid-track-sizing-002-ref.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip | |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/css-grid/grid-track-sizing-002-ref.html')
| -rw-r--r-- | layout/reftests/css-grid/grid-track-sizing-002-ref.html | 243 |
1 files changed, 243 insertions, 0 deletions
diff --git a/layout/reftests/css-grid/grid-track-sizing-002-ref.html b/layout/reftests/css-grid/grid-track-sizing-002-ref.html new file mode 100644 index 0000000000..3db89b9867 --- /dev/null +++ b/layout/reftests/css-grid/grid-track-sizing-002-ref.html @@ -0,0 +1,243 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> +<meta charset="utf-8"> + <title>Reference: freezing tracks in step 2.5 of the Track Sizing Algorithm</title> + <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1225368"> + <style> +body,html { color:black; background:white; font-size:16px; padding:0; margin:0; } + +.grid { + display: block; + float: left; + grid-template-rows: 20px; + justify-items: start; + margin-right: 5px; +} + +x { + display: block; + min-width: 0; + width: 30px; + height: 20px; + background: grey; +} +.grid div { + grid-column:1/span 2; + min-width: 0; + width: 100px; + height: 20px; + background: black; +} +div div:nth-child(2n+1) { + background: grey; +} +.grid.c3 div { + margin-right: 30px; +} +y { display: block; width: 130px; } +</style> +</head> +<body> + +<div class="grid"> + <x></x> + <div></div> +</div> + +<div class="grid"> + <x></x> + <div></div> + <div></div> +</div> + +<div class="grid"> + <x></x> + <div></div> + <div></div> + <div></div> +</div> + +<div class="grid"> + <x></x> + <div style="width:80px"></div> + <div></div> + <div></div> + <div></div> +</div> + +<div class="grid" style="grid-auto-columns: minmax(0,auto)"> + <x></x> + <div></div> + <div></div> + <div></div> + <div></div> +</div> + +<div class="grid" style="grid-auto-columns: minmax(0,auto)"> + <x></x> + <div style="width:80px"></div> + <div></div> + <div></div> + <div></div> +</div> + +<div class="grid" style="grid-template-columns: minmax(0,auto) 0"> + <x></x> + <div></div> +</div> + +<br clear=all> + +<div class="grid" style="grid-template-columns: minmax(0,auto) 0"> + <x></x> + <div></div> + <div></div> +</div> + +<div class="grid" style="grid-template-columns: minmax(0,auto) 0"> + <x></x> + <div style="width:80px"></div> + <div></div> + <div></div> +</div> + +<div class="grid" style="grid-template-columns: minmax(0,auto) 0"> + <x></x> + <div style="width:80px"></div> + <div></div> + <div></div> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto"> + <x></x> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto"> + <x></x> + <div></div> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto"> + <x></x> + <div style="width:80px"></div> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto"> + <x></x> + <div style="width:80px"></div> + <div></div> + <div></div> + <div></div> +</div> + +<br clear=all> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto"> + <x></x> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto"> + <x></x> + <div></div> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto"> + <x></x> + <div style="width:80px"></div> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto"> + <x></x> + <div style="width:80px"></div> + <div></div> + <div></div> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto"> + <x></x> + <div></div> + <y></y> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto"> + <x></x> + <div></div> + <div></div> + <y></y> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto"> + <x></x> + <div style="width:80px"></div> + <div></div> + <y></y> +</div> + +<br clear=all> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto"> + <x></x> + <div style="width:80px"></div> + <div></div> + <div></div> + <div></div> + <y></y> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto"> + <x></x> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto"> + <x></x> + <div></div> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto"> + <x></x> + <div style="grid-row:2; grid-column:span 2"></div> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto"> + <x></x> + <div style="width:80px"></div> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto"> + <x></x> + <div style="width:80px"></div> + <div style="grid-column:span 2"></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto"> + <x></x> + <div style="grid-row:2; grid-column:span 2; width:80px"></div> + <div></div> +</div> + +<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto"> + <x></x> + <div style="width:80px"></div> + <div></div> + <div></div> + <div></div> +</div> + +</body> +</html> |