summaryrefslogtreecommitdiffstats
path: root/layout/generic/crashtests/1553824.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /layout/generic/crashtests/1553824.html
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/generic/crashtests/1553824.html')
-rw-r--r--layout/generic/crashtests/1553824.html86
1 files changed, 86 insertions, 0 deletions
diff --git a/layout/generic/crashtests/1553824.html b/layout/generic/crashtests/1553824.html
new file mode 100644
index 0000000000..afa0fb0a8e
--- /dev/null
+++ b/layout/generic/crashtests/1553824.html
@@ -0,0 +1,86 @@
+<body onload="test()">
+<script>
+function test() {
+ document.body.offsetWidth;
+ let grid = document.querySelector(".container");
+ grid.style = "grid-template-columns:none";
+}
+</script>
+
+<style>
+body {
+ font: 1.2em Arial, Verdana, sans-serif;
+ background-color: #fff;
+}
+
+.container {
+ display: grid;
+ gap: 10px;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-template-rows: auto auto auto;
+}
+
+header,
+footer,
+aside,
+li,.box {
+ background-color: rgb(120, 70, 123);
+ border: 5px solid rgb(88, 55, 112);
+ color: #fff;
+ border-radius: 5px;
+ padding: 20px;
+}
+
+aside {
+ grid-row: 1 / -1;
+ grid-column: 1;
+}
+
+header {
+ grid-column: 2 / -2;
+}
+
+ul {
+ gap: 10px;
+ grid-row: 2;
+ grid-column: 2 / -1;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ display: grid;
+ grid-template-columns: subgrid;
+}
+
+footer {
+ grid-row: 3;
+ grid-column: 2 / -1;
+}
+
+.box {
+ grid-column: -2;
+ grid-row:1;
+}
+
+</style>
+
+
+<div class="container">
+ <header>This is my header</header>
+ <div class="box"></div>
+ <aside>I should stretch from the top to the bottom of the grid</aside>
+ <ul>
+ <li>A</li>
+ <li>B</li>
+ <li>C</li>
+ <li>D</li>
+ <li>E</li>
+ <li>F</li>
+ <li>G</li>
+ <li>H</li>
+ <li>I</li>
+ <li>J</li>
+ <li>K</li>
+ </ul>
+ <footer>I am a footer</footer>
+</div>
+