Blitz - WPT: ruby-overhang-dynamic.html

wpt / css / css-ruby / ruby-overhang-dynamic.html

/css/css-ruby/ruby-overhang-dynamic.html

<!DOCTYPE html>
<html class="reftest-wait">
<meta charset="UTF-8">
<title>Tests for ruby-overhang: spaces -> auto</title>
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-overhang">
<link rel="match" href="ruby-overhang-dynamic-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
  .reftest-wait .overhangSpaces {
    ruby-overhang: spaces;
  }
  div {
    font: 16px/5 Ahem;
  }
  ruby, rt {
    color: transparent;
  }
</style>
<div class=overhangSpaces>X<ruby>X<rt>XXXX</rt></ruby>X</div>
<script>
  requestAnimationFrame(() => {
    document.documentElement.classList.remove('reftest-wait');
  });
</script>

/css/css-ruby/ruby-overhang-dynamic-ref.html

<!DOCTYPE html>
<meta charset="UTF-8">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
  div {
    font: 16px/5 Ahem;
  }
  span {
    color: transparent;
    font-size: 50%; /* annotation */
  }
</style>
<div>X<span>XXX</span>X</div>