collapse-selection-into-editing-host-during-blur-of-input.html (913B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>Move Selection into an editing host before TextEditor gets blur event</title> 5 <script src="/tests/SimpleTest/SimpleTest.js"></script> 6 <style> 7 div[contenteditable] { 8 outline: none; 9 } 10 input { 11 border: none; 12 outline: none; 13 } 14 </style> 15 <script> 16 SimpleTest.waitForFocus(() => { 17 const input = document.querySelector("input"); 18 input.focus(); 19 input.addEventListener("blur", () => { 20 const editingHost = document.querySelector("div[contenteditable]"); 21 editingHost.addEventListener("focus", () => { 22 requestAnimationFrame( 23 () => document.documentElement.removeAttribute("class") 24 ); 25 }, { once: true }); 26 getSelection().collapse(editingHost, 0); 27 28 }, { once: true }); 29 requestAnimationFrame(() => input.blur()); 30 }); 31 </script> 32 <input> 33 <div contenteditable="true" spellcheck="false"><br></div>