Make ComputeBackgroundIsKnownToBeObscured account for content-visibil…

…ity / display lock. Fixed: 1370776 Bug: 1250716 Change-Id: I5e5ddf80bc155699e32db06f7ba1069b6c17efb9 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3933472 Commit-Queue: David Baron <[email protected]> Reviewed-by: Vladimir Levin <[email protected]> Cr-Commit-Position: refs/heads/main@{#1054935}
web-platform-tests · Oct 4, 2022 · 681f298 · 681f298
1 parent 29a59fa
commit 681f298
Showing 1 changed file with 44 additions and 0 deletions.
diff --git a/css/css-contain/content-visibility/dynamic-change-paint-fully-obscuring-child-001.html b/css/css-contain/content-visibility/dynamic-change-paint-fully-obscuring-child-001.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>content-visibility:hidden elements painting with a fully-obscuring child</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/">
+<link rel="author" title="Google" href="http://www.google.com/">
+<link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1370776">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<style>
+
+div { width: 100px; height: 100px; }
+
+.small { height: 50px; }
+
+.hidden { content-visibility: hidden }
+
+.green { background: green; }
+.red { background: red; }
+
+</style>
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+<!--
+  This example shows the bug because the child would fully obscure the
+  parent if the parent were not content-visibility: hidden.
+
+  If the child has class="small", then the bug is not present.
+
+-->
+<div class="green">
+  <div class="red"></div>
+</div>
+
+<script>
+
+document.documentElement.addEventListener("TestRendered", function(event) {
+  for (let elt of document.querySelectorAll("body > div")) {
+    elt.classList.add("hidden");
+  }
+  document.documentElement.classList.remove("reftest-wait");
+});
+
+</script>