diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-contain/content-visibility/content-visibility-001.html')
-rw-r--r-- | testing/web-platform/tests/css/css-contain/content-visibility/content-visibility-001.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-contain/content-visibility/content-visibility-001.html b/testing/web-platform/tests/css/css-contain/content-visibility/content-visibility-001.html new file mode 100644 index 0000000000..b6b10164e8 --- /dev/null +++ b/testing/web-platform/tests/css/css-contain/content-visibility/content-visibility-001.html @@ -0,0 +1,45 @@ +<!doctype HTML> +<html> +<meta charset="utf8"> +<title>CSS Content Visibility: hidden does not paint</title> +<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> +<link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> +<link rel="match" href="container-ref.html"> +<meta name="assert" content="content-visibility hidden subtrees are not painted"> + +<style> +#container { + content-visibility: hidden; + width: 150px; + height: 150px; + background: lightblue; +} +#child { + width: 50px; + height: 50px; + background: lightgreen; +} +.abspos { position: absolute; } +.relpos { position: relative; } +.fixedpos { position: fixed; } +.start { top: 0; left: 0; } +.mid { top: 10px; left: 10px; } +.end { bottom: 0; right: 0; } +.zindex { z-index: 1; } +.small { width: 10px; height: 10px; background: blue; } +.medium { width: 20px; height: 20px; background: green; } +.large { width: 30px; height: 30px; background: pink; } +</style> + +<div id=container> + Text. + <div id=child></div> + <span>inline child</span> + <div class="abspos start small"></div> + <div class="relpos mid medium"></div> + <div class="fixedpos end large"></div> + <div class=relpos> + <div class="abspos mid small zindex"></div> + </div> +</div> +</html> |