diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-contain/container-queries/top-layer-dialog-backdrop.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-contain/container-queries/top-layer-dialog-backdrop.html | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-contain/container-queries/top-layer-dialog-backdrop.html b/testing/web-platform/tests/css/css-contain/container-queries/top-layer-dialog-backdrop.html new file mode 100644 index 0000000000..25635167a5 --- /dev/null +++ b/testing/web-platform/tests/css/css-contain/container-queries/top-layer-dialog-backdrop.html @@ -0,0 +1,20 @@ +<!doctype html> +<title>CSS Container Queries Test: ::backdrop depending on @container</title> +<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries"> +<link rel="match" href="top-layer-dialog-backdrop-ref.html"> +<style> + html { background: green; } + #container { container-type: inline-size; } + @container (max-width: 200px) { + ::backdrop { display: none; } + #dialog { visibility: hidden; } + } +</style> +<div id="container"> + <dialog id="dialog"></dialog> +</div> +<script> + dialog.showModal(); + dialog.offsetTop; + container.style.width = "100px"; +</script> |