Bug 1820017 [wpt PR 38793] - [balance-text] Fix when text-align is not left, a=testonly

Automatic update from web-platform-tests
[balance-text] Fix when `text-align` is not `left`

The `NGParagraphLineBreaker` adjusts the available width for
the `NGLineBreaker`, but the adjustments should not be visible
for `CreateLine` because it is used for aligning lines within
the original available width.

This patch restores the `line_opportunity` after the
`NGLineBreaker` is done.

Bug: 1251079
Change-Id: I83cdf1c120a6de0741180a27d7860ef8b70475cb
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4304620
Auto-Submit: Koji Ishii <kojii@chromium.org>
Commit-Queue: Yoshifumi Inoue <yosin@chromium.org>
Reviewed-by: Yoshifumi Inoue <yosin@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1112644}

--

wpt-commits: ad172b15c6091ba467d23de9a5f84a58d173e429
wpt-pr: 38793
This commit is contained in:
Koji Ishii 2023-03-06 14:02:45 +00:00 committed by moz-wptsync-bot
parent 106f0718e1
commit 75300ef3ec
2 changed files with 45 additions and 0 deletions

View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<style>
.container {
font-family: monospace;
font-size: 20px;
width: 20ch;
border: solid 1px;
}
</style>
<div class="container" style="text-align: right">
123456789 123 567
123456789 123 567
</div>
<div class="container" style="text-align: center">
123456789 123 567
123456789 123 567
</div>
<div class="container" style="text-align: justify">
123456789 123 567
123456789 123 567
</div>

View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<link rel="help" href="https://w3c.github.io/csswg-drafts/css-text-4/#valdef-text-wrap-balance">
<link rel="match" href="reference/text-wrap-balance-align-001-ref.html">
<style>
.container {
font-family: monospace;
font-size: 20px;
width: 20ch;
border: solid 1px;
text-wrap: balance;
}
</style>
<div class="container" style="text-align: right">
123456789 123 567
123456789 123 567
</div>
<div class="container" style="text-align: center">
123456789 123 567
123456789 123 567
</div>
<div class="container" style="text-align: justify">
123456789 123 567
123456789 123 567
</div>