wpt / css / css-text-decor / text-decoration-inset-orthogonal-block-001.html

Status: FAIL | Duration: 10ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-text-decor/text-decoration-inset-orthogonal-block-001.html

<!DOCTYPE html>
<meta charset=utf-8>

<title>CSS Text Decoration test: decoration inset and text-indent in an orthogonal block</title>
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-inset-property">
<link rel="help" href="https://drafts.csswg.org/css-text-4/#text-indent-property">
<link rel="match" href="reference/text-decoration-inset-orthogonal-block-001-ref.html">

<style>
body {
  font-size: 64px;
}
u {
  text-decoration-inset: 10px;
  writing-mode: sideways-lr;
  text-indent: 40px;
}
div {
  writing-mode: initial;
}
</style>
<u>vertical<div>horizontal</div>text</u>

/css/css-text-decor/reference/text-decoration-inset-orthogonal-block-001-ref.html

<!DOCTYPE html>
<meta charset=utf-8>

<title>CSS Text Decoration reference</title>

<style>
body {
  font-size: 64px;
}
u {
  text-decoration-inset: 10px;
}
div {
  writing-mode: sideways-lr;
  text-indent: 40px;
}
div div {
  writing-mode: initial;
}
</style>
<div><u>vertical</u><div><u>horizontal</u></div><u>text</u>