wpt / css / css-text / text-autospace / text-autospace-002.html

Status: PASS | Duration: 8ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-text/text-autospace/text-autospace-002.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: text-autospace:normal with ideographs that is outside of Basic Multilingual Plane.</title>
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<link rel="help" href="https://drafts.csswg.org/css-text-4/#text-autospace-property">
<link rel="stylesheet" href="/fonts/ahem.css">
<link rel="match" href="text-autospace-002-ref.html">
<style>
.test {
  font-family: Ahem;
  font-size: 40px;
}
.normal {
  text-autospace: normal;
}
</style>
<div id="container">
  <div class="test normal">&#x20000;&#x20000;XX&#x20000;</div>
  <div class="test normal">&#x20000;。XX&#x20000;</div>
  <div dir="rtl" class="test normal">&#x20000;&#x20000;XX&#x20000;</div>
  <div dir="rtl" class="test normal">&#x20000;。XX&#x20000;</div>
</div>

/css/css-text/text-autospace/text-autospace-002-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
<link rel="help" href="https://drafts.csswg.org/css-text-4/#text-autospace-property">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
.test {
  font-family: Ahem;
  font-size: 40px;
}
.no-autospace {
  text-autospace: no-autospace;
}
.normal {
  text-autospace: normal;
}
.spacing {
  margin: 5px;
}
.spacing-left {
  margin-left: 5px;
}
</style>
<div id="container">
  <div class="test no-autospace">&#x20000;&#x20000;<span class="spacing">XX</span>&#x20000;</div>
  <div class="test no-autospace">&#x20000;。XX<span class="spacing-left">&#x20000;</span></div>
  <div dir="rtl" class="test no-autospace">&#x20000;&#x20000;<span class="spacing">XX</span>&#x20000;</div>
  <div dir="rtl" class="test no-autospace">&#x20000;。XX<span class="spacing-left">&#x20000;</span></div>
</div>