Allow breaking line after space with white-space: break-spaces (#33376)

`white-space: break-spaces` should allow a soft wrap opportunity *after*
every preserved white space. Then, to avoid breaking before the first
white space, `TextRunSegment::shape_text()` has some logic to separate
it from the following spaces and put it with the preceding text instead.

The problem was that, when combined with `word-break: keep-all`, we were
then only checking whether there were more white spaces afterwards,
ignoring the soft wrap opportunity after the first one.

Also removing a duplicated `can_break_anywhere` variable.

Signed-off-by: Oriol Brufau <obrufau@igalia.com>
This commit is contained in:
Oriol Brufau 2024-09-10 13:06:40 +02:00 committed by GitHub
parent 6d6cd0f2dc
commit 9d3d009895
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 40 additions and 4 deletions

View file

@ -254546,6 +254546,19 @@
{}
]
],
"break-spaces-with-word-break-001.html": [
"ee31fd627130eeb40fd22d0b9bc4fa6e9eb3aca7",
[
null,
[
[
"/css/reference/ref-filled-green-100px-square.xht",
"=="
]
],
{}
]
],
"control-chars-000.html": [
"b038fe9a90d3b8b9cb3bde7fd46396c7121688c9",
[

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: white-space:break-spaces + word-break:keep-all</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-text-4/#valdef-white-space-collapse-break-spaces">
<link rel="help" href="https://drafts.csswg.org/css-text-4/#valdef-word-break-keep-all">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="break-spaces + keep-all does allow a break after space.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
div {
font: 50px/1 Ahem;
white-space: break-spaces;
word-break: keep-all;
width: 100px;
height: 100px;
background: red;
color: green;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div>XX XX</div>