diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-text/white-space/trailing-ideographic-space-001.html')
-rw-r--r-- | testing/web-platform/tests/css/css-text/white-space/trailing-ideographic-space-001.html | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-text/white-space/trailing-ideographic-space-001.html b/testing/web-platform/tests/css/css-text/white-space/trailing-ideographic-space-001.html new file mode 100644 index 0000000000..96fd312176 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/white-space/trailing-ideographic-space-001.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 3 Test: ideographic space 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-001-ref.html"> +<meta name="assert" content="An ideographic space (U+3000) 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> </span><br>ああ</div> +<div><span class=green>ああ<br>ああ</span></div> +<!-- the ideographic space must not be removed, + so it should hide the third red あ of the first 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. +--> |