dir-shadow-19-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>

<title>[dir] and shadow slots: dir=ltr on the div (shadow host), text in the shadow 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;}

</style>

</head>

<body>

<p>`dir=ltr` on the div (shadow host), text in the shadow tree</p>

<div id="host" dir="ltr">text.</div>

<p id="result">The HTML direction / computed CSS `direction` value for the host’s text is: ltr / ltr.</p>

</body>

</html>