<!doctype html>
<title>Test: directionality propagation in Shadow DOM.</title>
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<link rel="help" href="https://html.spec.whatwg.org/#the-dir-attribute">
<link rel="help" href="https://github.com/whatwg/html/issues/3699">
<link rel="match" href="directionality-001-ref.html">
<div id="host0" dir="rtl"><span> 789 101112 </span></div>
<div id="host1" dir="rtl"><span> 789 101112 </span></div>
<div id="host2" dir="rtl"><span> 789 101112 </span></div>
<script>
  host0.attachShadow({mode: 'closed'}).innerHTML =
    '<div> 123 456 <span><slot></slot></span></div>';

  host1.attachShadow({mode: 'closed'}).innerHTML =
    '<div> 123 456 <span dir="ltr"><slot></slot></span></div>';

  host2.attachShadow({mode: 'closed'}).innerHTML =
    '<div> 123 456 <span><slot dir="ltr"></slot></span></div>';
</script>