shadow-dom-01.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html class="reftest-wait">

  <svg width="100%" height="100%" viewBox="0 0 100 100">

    <rect width="100" height="100" fill="red">

      <set attributeName="width" to="0" begin="0s" fill="freeze"/>

    </rect>

  </svg>

  <p></p>

  <script>

    let p = document.querySelector("p")

    let shadow = p.attachShadow({mode: 'open'});

    shadow.appendChild(document.querySelector("svg"))

    document.documentElement.removeAttribute("class");

  </script>

  <style>

* {

      margin: 0;

    html {

      background-color: lime;

  </style>

</html>