diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-contain/container-queries/fieldset-legend-change.html')
-rw-r--r-- | testing/web-platform/tests/css/css-contain/container-queries/fieldset-legend-change.html | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-contain/container-queries/fieldset-legend-change.html b/testing/web-platform/tests/css/css-contain/container-queries/fieldset-legend-change.html new file mode 100644 index 0000000000..15b44a0e52 --- /dev/null +++ b/testing/web-platform/tests/css/css-contain/container-queries/fieldset-legend-change.html @@ -0,0 +1,26 @@ +<!doctype html> +<title>CSS Container Queries Test: inline-size query changes rendered legend in fieldset</title> +<link rel="help" href="https://drafts.csswg.org/css-contain-3/#size-container"> +<link rel="match" href="fieldset-legend-change-ref.html"> +<p>Pass if the rendered legend below is "PASS"</p> +<style> + fieldset { + width: 200px; + container-type: inline-size; + } + .wide { width: 400px; } + + @container (min-width: 300px) { + #fail { + display: none; + } + } +</style> +<fieldset id="fieldset"> + <legend id="fail">FAIL</legend> + <legend>PASS</legend> +</fieldset> +<script> + fieldset.offsetTop; + fieldset.className = "wide"; +</script> |