ss">
body {width: 600px;}
div {border: 1px solid gray; margin: 1em; padding: 0.25em;}
span {border: 1px solid silver;}

</style>
<script src="dir-shadow-utils.js"></script>
</head>
<body>

<p>`dir=auto` on a span in the shadow tree, text in the light tree</p>
<div id="host">اختبر.</div>
<p id="result">The HTML direction / computed CSS `direction` value for the shadow span is: </p>

<script type="text/javascript">
  let root = host.attachShadow({mode:"open"});
  root.innerHTML = `<span dir="auto"><slot>