[text-box-trim] Handle new-BFC children correctly.

mstensho · chromium-wpt-export-bot · commit d034690f8823 · 2025-02-28T06:10:26.000-08:00
Text box trimming was only handled on same-formatting-context children, but new-block-formatting-context children should also participate in text box trimming. Change-Id: I5e80a8510d6cf4c37b1509754797f08ca30487c3 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6308805 Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Reviewed-by: Koji Ishii <kojii@chromium.org> Cr-Commit-Position: refs/heads/main@{#1426246}
diff --git a/css/css-inline/text-box-trim/new-fc-001.html b/css/css-inline/text-box-trim/new-fc-001.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<title>text-box-trim with block formatting context root children</title>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-trim">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<style>
+  .container {
+    position: relative;
+    text-box-trim: trim-both;
+    font-family: Ahem;
+    font-size: 20px;
+    line-height: 40px;
+    color: green;
+    background: red;
+  }
+  .filler {
+    position: absolute;
+    width: 100px;
+    height: 20px;
+    background: green;
+  }
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="width:100px; height:100px; background:red;">
+  <div class="container">
+    <div style="display:flow-root;">xxxxx</div>
+    <div style="display:flow-root;">xxxxx</div>
+    <div style="display:flow-root;">xxxxx</div>
+    <div class="filler" style="top:20px;"></div>
+    <div class="filler" style="top:60px;"></div>
+  </div>
+</div>
