commit 122c2303afb5c2492a9e41f3475b51cfbbc0cead
parent de9163d2d7841a3bc1bbe5be0d5c627f4db47496
Author: Oriol Brufau <obrufau@igalia.com>
Date: Mon, 5 Jan 2026 10:22:35 +0000
Bug 2007370 [wpt PR 56896] - layout: Don't omit empty fragments for inline boxes, a=testonly
Automatic update from web-platform-tests
layout: Don't omit empty fragments for inline boxes
For an inline box that had already generated some fragment, we were
omitting additional fragments that would have had no content, padding,
border nor margin. This basically happened when the inline was split by
a block, e.g. `<span><div></div></span>`.
However, other browsers agree that JS APIs like `getClientRects()`
should include these empty fragments, so remove the optimization.
Signed-off-by: Oriol Brufau <obrufau@igalia.com>
--
wpt-commits: 97f0a2d623bf6011df7f94ac54f3fb878b3eecc7
wpt-pr: 56896
Diffstat:
1 file changed, 37 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/cssom-view/getClientRects-inline-with-block-child.html b/testing/web-platform/tests/css/cssom-view/getClientRects-inline-with-block-child.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-element-getclientrects">
+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
+
+<section>
+ <span id="target">
+ <div style="height: 50px"></div>
+ </span>
+</section>
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+function assert_rect_equals(actual, expected, description) {
+ assert_equals(actual.x, expected.x, description + " - x");
+ assert_equals(actual.y, expected.y, description + " - y");
+ assert_equals(actual.width, expected.width, description + " - width");
+ assert_equals(actual.height, expected.height, description + " - height");
+}
+test(() => {
+ const target = document.getElementById("target");
+ const rects = target.getClientRects();
+ // TODO: check that it's exactly 3 fragments.
+ assert_greater_than_equal(rects.length, 2, "At least 2 fragments");
+ assert_rect_equals(
+ rects[0],
+ {x: 8, y: 8, width: 0, height: 0},
+ "First rect",
+ );
+ assert_rect_equals(
+ rects[rects.length - 1],
+ {x: 8, y: 58, width: 0, height: 0},
+ "Last rect",
+ );
+});
+</script>
