caret-shape-block-001-sideways-rl-ref.html (654B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <script src="/common/reftest-wait.js"></script> 5 <style> 6 #wrapper { 7 writing-mode: sideways-rl; 8 width: stretch; 9 } 10 #target { 11 font-size: 3em; 12 } 13 #target::highlight(caret) { 14 background: lime; 15 } 16 </style> 17 <p>Test passes if, when the text below is focused for editing, the text insertion caret is a lime block.</p> 18 <div id="wrapper"> 19 <div id="target">test</div> 20 </div> 21 <script> 22 let range = new Range(); 23 range.setStart(target.firstChild, 0); 24 range.setEnd(target.firstChild, 1); 25 CSS.highlights.set("caret", new Highlight(range)); 26 takeScreenshot(); 27 </script>