bug1663475-2-ref.html (800B)
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 span[contenteditable] { 8 font: 16px/1 monospace; 9 caret-color: black; 10 display: inline-block; 11 outline: 2px solid blue; 12 } 13 span > span { 14 color: transparent; 15 } 16 </style> 17 <span contenteditable spellcheck="false"> 18 <span>ab</span>c<span>de</span> 19 </span> 20 <script> 21 SimpleTest.waitForFocus(function() { 22 document.querySelector('[contenteditable]').focus(); 23 requestAnimationFrame(function() { 24 // Position the caret between "a" and "b". 25 synthesizeKey("KEY_ArrowRight"); 26 document.documentElement.removeAttribute("class"); 27 }); 28 }); 29 </script>