reslot-text-inheritance.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-scoping/reslot-text-inheritance.html - WPT Dashboard Interop Dashboard

<!doctype html>

<html class="reftest-wait">

<title>CSS Test: Re-slotted text node inheritance</title>

<link rel="help" href="https://drafts.csswg.org/css-scoping/#slotted-pseudo">

<link rel="match" href="reference/green-text.html">

<script src="/common/reftest-wait.js"></script>

<p id="host">This text should be green.</p>

<script>

  const root = host.attachShadow({mode:"open"});

  root.innerHTML = `

    <slot style="color:green" name="no-match"></slot>

    <slot style="color:red"></slot>

`;

  host.offsetTop;

  root.querySelector("slot").removeAttribute("name");

  takeScreenshot();

</script>