diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-21 11:44:51 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-21 11:44:51 +0000 |
| commit | 9e3c08db40b8916968b9f30096c7be3f00ce9647 (patch) | |
| tree | a68f146d7fa01f0134297619fbe7e33db084e0aa /layout/generic/crashtests/1553824.html | |
| parent | Initial commit. (diff) | |
| download | thunderbird-9e3c08db40b8916968b9f30096c7be3f00ce9647.tar.xz thunderbird-9e3c08db40b8916968b9f30096c7be3f00ce9647.zip | |
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
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.html | 86 |
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> + |