WebKit export of https://bugs.webkit.org/show_bug.cgi?id=291223 (#54255)

mdubet · web-flow · commit e24289f76020 · 2025-08-12T14:37:25.000+02:00
diff --git a/css/css-contain/content-visibility/content-visibility-hidden-boundingbox-query.html b/css/css-contain/content-visibility/content-visibility-hidden-boundingbox-query.html
@@ -0,0 +1,39 @@
+<!doctype HTML>
+<meta charset="utf8">
+<title>Content Visibility: hidden image</title>
+<link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
+<meta name="assert" content="content-visibility hidden content returns uptodate geometry with sibling content requiring layout">
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+#hidden {
+  content-visibility: hidden;
+}
+
+#absolute {
+  top: 100px;
+  left: 100px;
+}
+</style>
+
+<div id=sibling></div>
+<div id=hidden><div id=absolute></div></div>
+
+<script>
+async_test((t) => {
+  function runTest() {
+    sibling.style.width = "10px";
+    absolute.style.position = "absolute";
+    sibling.getBoundingClientRect().top;
+
+    t.step(() => assert_equals(absolute.getBoundingClientRect().top, 108, "bounding client rect top"));
+    t.step(() => assert_equals(absolute.getBoundingClientRect().left, 108, "bounding client rect left"));
+    t.done();
+  }
+  onload = requestAnimationFrame(runTest);
+}, "content-visibility hidden content returns uptodate geometry with sibling content requiring layout");
+
+</script>
+</html>
