shadow-dom.html (554B)
1 <!DOCTYPE html> 2 <html class="test-wait"> 3 <body> 4 <meter><div id="node1"></div></meter> 5 <div> 6 <template shadowrootmode="open"></template> 7 <div id="node2"></div> 8 </div> 9 <div style="display:none"> 10 <div id="node3"></div> 11 </div> 12 <script> 13 const tr1 = node1.startViewTransition(); 14 const tr2 = node2.startViewTransition(); 15 const tr3 = node3.startViewTransition(); 16 onload = async () => { 17 await tr1.finished; 18 await tr2.finished; 19 await tr3.finished; 20 document.documentElement.classList.remove('test-wait'); 21 } 22 </script> 23 </body> 24 </html>