Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /shadow-dom/directionality-001.tentative.html - WPT Dashboard Interop Dashboard
<!doctype html>
<title>Test: directionality propagation in Shadow DOM.</title>
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
<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>