| <!doctype html> |
| <html class="reftest-wait"> |
| <head> |
| <title>Adopting a shadow host child into an iframe</title> |
| <link rel="help" href="https://dom.spec.whatwg.org/#concept-node-adopt"> |
| <link rel="match" href="remove-from-shadow-host-and-adopt-into-iframe-ref.html"> |
| <style> |
| iframe { border: 0; } |
| </style> |
| <script src="/common/reftest-wait.js"></script> |
| <script> |
| onload = () => { |
| const root = host.attachShadow({mode:"open"}); |
| root.innerHTML = "<slot>"; |
| // force a layout |
| host.offsetTop; |
| iframe.contentWindow.document.body.style.margin = 0; |
| iframe.contentWindow.document.body.appendChild(adopted); |
| host.remove(); |
| takeScreenshot(); |
| } |
| </script> |
| </head> |
| <body> |
| <p>You should see the word PASS below.</p> |
| <iframe id="iframe"></iframe> |
| <div id="host"><span id="adopted">PASS</span></div> |
| </body> |
| </html> |