<!doctype html><title>CSS Test: directionality propagation in Shadow DOM, appending a shadow host.</title><linkrel="author"href="mailto:emilio@crisal.io"title="Emilio Cobos Álvarez"><linkrel="help"href="https://html.spec.whatwg.org/#the-dir-attribute"><linkrel="help"href="https://github.com/whatwg/html/issues/3699"><linkrel="match"href="reference/green-box.html"><p>Test passes if you see a single 100px by 100px green box below.</p><style>div{width:100px;}</style><divid="host-parent"dir="rtl"></div><script>lethost=document.createElement("div");host.attachShadow({mode:"open"}).innerHTML=` <style>:dir(rtl) { background: green; height: 100px; width: 100px; }</style> <div></div> `;document.getElementById("host-parent").appendChild(host);</script>