Blitz - WPT: line-break-normal-hyphens-002.html

wpt / css / css-text / line-break / line-break-normal-hyphens-002.html

/css/css-text/line-break/line-break-normal-hyphens-002.html

<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: hyphens and line-break:normal</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=help href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel=match href="reference/line-break-normal-hyphens-002-ref.html">
<meta name=assert content="breaks before U+2010 or U+2013 when line-break is normal are not allowed if the preceding character is treated as having class ID due to word-break:break-all.">
<style>
div {
  font-family: monospace;
  width: 2ch;
  line-break: normal;
  word-break: break-all;
  border: solid cyan;
}
</style>

<p>The test passes if the second line in each box below ends with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)

<div>aa‐a</div>
<div>aa–a</div>

/css/css-text/line-break/reference/line-break-normal-hyphens-002-ref.html

<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>test reference</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<style>
div {
  font-family: monospace;
  width: 2ch;
  white-space: normal;
  border: solid cyan;
}
</style>

<p>The test passes if the second line in each box below ends with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)

<div>a<br>a‐<br>a</div>
<div>a<br>a–<br>a</div>