| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"/> |
| <title>[dir] and shadow slots: dir=ltr on a div in the shadow tree, text in the light tree</title> |
| <link rel="author" title="Eric Meyer" href="mailto:emeyer@igalia.com"> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/C#the-dir-attribute"> |
| <link rel="help" href="https://github.com/whatwg/html/issues/3699"> |
| <link rel="help" href="https://github.com/whatwg/html/pull/9796"> |
| <style type="text/css"> |
| body {width: 600px;} |
| div#host {border: 1px solid gray; margin: 1em; padding: 0.25em;} |
| span {border: 1px solid silver;} |
| </style> |
| </head> |
| <body> |
| |
| <p>`dir=ltr` on a div in the shadow tree, text in the light tree</p> |
| <div id="host" dir="rtl"><div dir="ltr"><span>اختبر.</span></div></div> |
| <p id="result">The HTML direction / computed CSS `direction` value for the span is: rtl / ltr.</p> |
| |
| </body> |
| </html> |