<!DOCTYPE html>
<title>CSS Test: text-decoration propagation into shadow DOM boxes</title>
<link rel="help" href="https://drafts.csswg.org/css-text-decor/#line-decoration">
<link rel="match" href="reference/text-decoration-underline-ref.html">
<style>
  #host { text-decoration: underline }
</style>
<p>
  <div id="host">
    <span>This text should be underlined.</span>
  </div>
</p>
<script>
  const root = host.attachShadow({mode:"open"});
  root.appendChild(document.createElement("slot"));
</script>