slot-no-isolate-001.html (843B)
1 <!DOCTYPE html> 2 <title>HTML Rendering: slot element has unicode-bidi: isolate</title> 3 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 4 <link rel="author" title="Google" href="http://www.google.com/"> 5 <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#bidi-rendering"> 6 <link rel="help" href="https://github.com/whatwg/html/pull/9880"> 7 <link rel="match" href="slot-no-isolate-001-ref.html"> 8 9 <div>א-<span id="e">ב</span></div> 10 11 <div id="v"></div> 12 13 <script> 14 15 let e = document.getElementById("e"); 16 let root = e.attachShadow({mode: "open"}); 17 // use display:inline to override default display:contents 18 root.innerHTML = "<slot style='display:inline'>\u05D2</slot>"; 19 let val = getComputedStyle(root.querySelector("slot")).unicodeBidi; 20 document.getElementById("v").innerText = val; 21 22 </script>