| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"/> |
| <title>[dir] and shadow slots: dir=ltr on the slot, paragraph 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 {border: 1px solid gray; margin: 1em;} |
| div p {width: 50%; border: 1px dotted;} |
| </style> |
| </head> |
| <body> |
| |
| <p>`dir=ltr` on the <slot>, paragraph in the light tree</p> |
| <div id="host"><p>paragraph.</p></div> |
| <p id="result">The HTML direction / computed CSS `direction` value for the paragraph is: ltr / ltr.</p> |
| |
| </body> |
| </html> |