Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!doctype html>
<html class="reftest-wait">
<head>
<title>Adopting a shadow host child into an iframe</title>
<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>