Bug 1977242 [wpt PR 53750] - layout: Correctly marking box damage when text-related style changed, a=testonly

marco-c · marco-c · commit ce2737265a73 · 2025-08-04T15:46:52.000Z
Automatic update from web-platform-tests
layout: Correctly marking box damage when text-related style changed

Signed-off-by: sharpshooter_pt &lt;ibluegalaxy_taoj163.com&gt;

--

wpt-commits: 9f3f3dde346878f3e8585d604dcd1e1490a97059
wpt-pr: 53750

UltraBlame original commit: 8252f10226e4bce5c7c9b0be77dc0c1c6d9a21de
diff --git a/testing/web-platform/tests/css/css-text/white-space/pre-001.html b/testing/web-platform/tests/css/css-text/white-space/pre-001.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<title>CSS-white-space test: restore collapsed whitespace</title>
+<link rel="author" title="JoeDow" href="ibluegalaxy_taoj@163.com">
+<link rel="match" href="reference/pre-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+html {
+  font: 20px/1 Ahem;
+}
+.span {
+    background-color: blueviolet;
+}
+#target {
+    background-color: blue;
+}
+</style>
+<body>
+  <div>
+    <span class="span">aa bb </span><span id="target">     target </span><span class="span">bb aa</span>
+  </div>
+
+  <script>
+    window.onload = function() {
+        const target = document.getElementById("target");
+        // force layout
+        target.offsetLeft;
+        target.style.whiteSpace = "pre";
+    }
+  </script>
+</body>
diff --git a/testing/web-platform/tests/css/css-text/white-space/reference/pre-001-ref.html b/testing/web-platform/tests/css/css-text/white-space/reference/pre-001-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+html {
+  font: 20px/1 Ahem;
+}
+.span {
+    background-color: blueviolet;
+}
+#target {
+    background-color: blue;
+    white-space: pre;
+}
+</style>
+<body>
+  <div>
+    <span class="span">aa bb </span><span id="target">     target </span><span class="span">bb aa</span>
+  </div>
+</body>
