slot-recalc.html (715B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" title="Joey Arhar" href="mailto:jarhar@chromium.org"> 4 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1184357"> 5 6 <link rel="match" href="/dom/slot-recalc-ref.html"> 7 8 <body> 9 <script> 10 const host = document.createElement('div'); 11 document.body.appendChild(host); 12 const root = host.attachShadow({mode: 'open'}); 13 14 const slot = document.createElement('slot'); 15 slot.innerHTML = `<p>there should be more text below this</p>`; 16 root.appendChild(slot); 17 18 onload = () => { 19 const shouldBeVisible = document.createElement('p'); 20 shouldBeVisible.textContent = 'PASS if this text is visible'; 21 slot.appendChild(shouldBeVisible); 22 }; 23 </script>