test-print-selection-shadow-crossing-flat-2.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html reftest-print-range="selection">

<head>

  <meta charset="utf-8">

  <link id="style" href="print.css" rel="stylesheet">

  <script>

    function selectNodesInShadowTree() {

      // Test 2: Start is in Light DOM and end is a shadow node. There's

      // a slot element in between them.

      window.getSelection()

        .setBaseAndExtent(

          lightContent1.firstChild,

3,

          host.shadowRoot.getElementById("inner").firstChild,

4);

  </script>

</head>

<body onload="selectNodesInShadowTree()">

  <p id="lightContent1">LightContent1</p>

  <div id="host">Shouldn't show up (in the shadows)

    <template shadowrootmode="open">

      <slot name="s1"></slot>

      <span id="inner">Inner</span>

    </template>

    <span id="slotted" slot="s1">Slotted</span>

  </div>

</body>

</html>