bug1663475-1-ref.html (746B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>Caret is correctly painted over inline with clip</title> 4 <script src="/tests/SimpleTest/SimpleTest.js"></script> 5 <script src="/tests/SimpleTest/EventUtils.js"></script> 6 <style> 7 div { 8 font: 16px/1 monospace; 9 outline: 2px solid blue; 10 caret-color: black; 11 } 12 span { 13 color: transparent; 14 } 15 </style> 16 <div contenteditable spellcheck="false"> 17 <span>ab</span>c<span>de</span> 18 </div> 19 <script> 20 SimpleTest.waitForFocus(function() { 21 document.querySelector('[contenteditable]').focus(); 22 requestAnimationFrame(function() { 23 // Position the caret between "a" and "b". 24 synthesizeKey("KEY_ArrowRight"); 25 document.documentElement.removeAttribute("class"); 26 }); 27 }); 28 </script>