selection-modify-word-left-with-selecting-editable-select.html (724B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script> 6 "use strict"; 7 8 document.addEventListener("DOMContentLoaded", () => { 9 const range = document.createRange(); 10 range.selectNode(document.querySelector("cite")); 11 getSelection().removeAllRanges(); 12 getSelection().addRange(range); 13 getSelection().modify("move", "left", "word"); 14 getSelection().modify("extend", "forward", "line"); 15 document.documentElement.style.display = "none"; 16 document.documentElement.getBoundingClientRect(); 17 getSelection().removeAllRanges(); 18 }, {once: true}); 19 </script> 20 </head> 21 <body> 22 <cite dir="rtl"> 23 <select contenteditable="true"> 24 <!-- Do NOT put any white spaces after the close tag of select --> 25 </select></cite></body></html>