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/columns/zero-height-nondirty-reflow.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/columns/zero-height-nondirty-reflow.html')
-rw-r--r-- | layout/reftests/columns/zero-height-nondirty-reflow.html | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/layout/reftests/columns/zero-height-nondirty-reflow.html b/layout/reftests/columns/zero-height-nondirty-reflow.html new file mode 100644 index 0000000000..b530e9d64b --- /dev/null +++ b/layout/reftests/columns/zero-height-nondirty-reflow.html @@ -0,0 +1,54 @@ +<!DOCTYPE HTML> +<html> + <head> + <title>CSS Multi-column Layout Test: multi-column element with zero height</title> + <!-- + Based on + https://github.com/web-platform-tests/wpt/blob/1f346b050d87656a040fa4fdf9f99567164e2a2b/css/css-multicol/multicol-zero-height-001.xht + by Opera Software ASA. + --> + <style> + + html { overflow: hidden } /* suppress scrollbar reflows */ + + div#multi-column + { + height: 0; + orphans: 1; + widows: 1; + width: 200px; + border-bottom:1px solid red; + + column-count: 10; + column-gap: 0; + display: inline-block; + } + + div#multi-column > div + { + background: #0c0; + float: left; + height: 10px; + width: 20px; + } + </style> + </head> + <body style="height: 300px; width: 400px;"> + <p>Below should be a 1px tall and 200px wide green line:</p> + <div style="display: inline"> + <div id="multi-column"> + <div></div> + </div> + </div> + <script> + + /* + * Cause the multi-column element to be reflowed without being dirty or any resize bits set. + */ + var e = document.body; + e.offsetWidth; + e.style.width = "300px"; + + </script> + </body> +</html> |