bug1506547-3.html (923B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>Moving the caret in an editor jumps over non-editable nodes.</title> 4 <script src="/tests/SimpleTest/EventUtils.js"></script> 5 <script src="/tests/SimpleTest/SimpleTest.js"></script> 6 <style> 7 * { outline: none } 8 9 div { 10 border: 1px solid red; 11 margin: 5px; 12 padding: 2px; 13 } 14 </style> 15 <div contenteditable="true"> 16 I am div number one 17 <div contenteditable="false">X X X</div> 18 However I am editable 19 </div> 20 <script> 21 SimpleTest.waitForFocus(function() { 22 const editable = document.querySelector('div[contenteditable="true"]'); 23 const noneditable = document.querySelector('div[contenteditable="false"]'); 24 editable.focus(); 25 synthesizeKey("KEY_End"); 26 synthesizeKey("KEY_ArrowDown"); 27 for (let i = 0; i < 4; ++i) 28 synthesizeKey("KEY_ArrowLeft", { ctrlKey: true }); 29 setTimeout(() => document.documentElement.removeAttribute("class"), 0); 30 }); 31 </script> 32 </html>