gecko-dev/testing/web-platform/tests/css/css-text/white-space/trailing-ideographic-space-002.html
Florian Rivoal fc057f7641 Bug 1580068 [wpt PR 18949] - [css-text] Adjust trailing space tests in response to https://github.com/w3c/csswg-drafts/issues/4180, a=testonly
Automatic update from web-platform-tests
[css-text] Adjust trailing space tests in response to https://github.com/w3c/csswg-drafts/issues/4180 (#18949)

--

wpt-commits: 0bfde9f6a8bfde0fde4dba73d7172a8eed6e946e
wpt-pr: 18949
2019-09-18 23:38:21 +00:00

27 lines
1.2 KiB
HTML

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: sequence of spaces and ideographic spaces at the end of line must hang</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="match" href="reference/trailing-ideographic-space-002-ref.html">
<meta name="assert" content="An sequence ideographic space (U+3000) and regular spaces at the end of the line must hang.">
<style>
div {
position: absolute;
width: max-content;
line-height: 1;
color: transparent;
}
.red { background: red; }
.green { background: green; }
</style>
<p>Test passes if the shape below is green and if there is no red.
<div class=red>ああああ あ あ</div>
<div class=red>ああ<span class=green>&#x3000;&#x3000; &#x3000; &#x3000;</span><br>ああ</div>
<div class=green>ああ<br>ああ</div>
<!-- the trailing sequence of spaces must not be removed,
so it should hide all of the first (red) div.
However, it should hang and therefore not extend the width of its parent div,
which would be visible as red on the second line if it were expanded.
-->