<!doctype html><title>CSS Scoping Module Level 1 - Dynamic insertion of shadow host</title><linkrel="author"href="mailto:emilio@crisal.io"><linkrel="help"href="https://drafts.csswg.org/css-scoping/#selectors-data-model"><linkrel="match"href="reference/green-box.html"/><p>Test passes if you see a single 100px by 100px green box below.</p><script>lethost=document.createElement('div');letroot=host.attachShadow({mode:'open'});root.innerHTML=` <style> div { background: green; width: 100px; height: 100px; } </style> <div></div> `;document.body.offsetTop;document.body.appendChild(host);</script>