commit 19eda1d69154c7e3941d4db58e29597e2d77e7e5
parent 3bde10e683cf289f2402933ce290b0c340070520
Author: Florian Rivoal <git@florian.rivoal.net>
Date: Thu, 9 Oct 2025 20:31:53 +0000
Bug 1992126 [wpt PR 55157] - Block ellipsis doesn't grab more line even when things would fit, a=testonly
Automatic update from web-platform-tests
Block ellipsis doesn't grab more line even when things would fit
see side discussion in https://github.com/w3c/csswg-drafts/issues/10827
--
Fix line width
--
wpt-commits: aa601a06560014e0bcbfe8d5180aca43849f63d1, aa560af90948bf415fb5b4d6b8250a6e75032c2d
wpt-pr: 55157
Diffstat:
2 files changed, 43 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-overflow/line-clamp/line-clamp-auto-041.html b/testing/web-platform/tests/css/css-overflow/line-clamp/line-clamp-auto-041.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>CSS Overflow: `line-clamp: auto` zero-height div</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<link rel="help" href="https://drafts.csswg.org/css-overflow-4/#line-clamp">
+<link rel="match" href="reference/line-clamp-auto-041-ref.html">
+<meta name="assert" content="even if inserting the ellipsis makes the last line so much smaller than extra content would fit, don't reclamp to a later point">
+<style>
+.clamp {
+ font-family: monospace;
+ line-clamp: auto;
+ max-height: 5lh;
+ line-height: 1;
+ width: 25.2ch; /* the extra .2 is in case things aren't perfectly monospaced */
+}
+span {
+ font-size: 4em;
+}
+</style>
+<div class="clamp">
+PASS PASS PASS PASS<br>
+PASS <span>FAIL!</span><br>
+FAIL FAIL FAIL FAIL FAIL FAIL
+FAIL FAIL FAIL FAIL FAIL FAIL
+FAIL FAIL FAIL FAIL FAIL FAIL
+FAIL FAIL FAIL FAIL FAIL FAIL
+FAIL FAIL FAIL FAIL FAIL FAIL
+</div>
diff --git a/testing/web-platform/tests/css/css-overflow/line-clamp/reference/line-clamp-auto-041-ref.html b/testing/web-platform/tests/css/css-overflow/line-clamp/reference/line-clamp-auto-041-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<title>CSS Overflow: test reference</title>
+<style>
+.clamp {
+ font-family: monospace;
+ line-height: 1;
+}
+</style>
+<div class="clamp">
+PASS PASS PASS PASS<br>
+PASS…
+</div>
