cross-shadow-boundary-4.html (659B)
1 <!doctype html> 2 <head> 3 <!--Intentionally to use cross-shadow-boundary-3-ref.html here--> 4 <link rel=match href="cross-shadow-boundary-3-ref.html"> 5 </head> 6 OuterText 7 <div id="host1"></div> 8 OuterText 9 <div id="host2"></div> 10 <script> 11 const root1 = document.getElementById("host1").attachShadow({ mode: "open" }); 12 root1.innerHTML = "innerText1"; 13 14 const root2 = document.getElementById("host2").attachShadow({ mode: "open" }); 15 root2.innerHTML = "<div></div>"; 16 17 const root3 = root2.querySelector("div").attachShadow({ mode: "open" }); 18 root3.innerHTML = "innerText2"; 19 20 getSelection().setBaseAndExtent(root1.firstChild, 3, root3.firstChild, 3); 21 </script>