<!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>