bug1591282-1.html (746B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>Caret doesn't get occluded by background-color of inline child</title> 4 <script src="/tests/SimpleTest/EventUtils.js"></script> 5 <script src="/tests/SimpleTest/SimpleTest.js"></script> 6 <style> 7 div:focus { 8 outline: 3px solid blue; 9 } 10 span { 11 /* This is the point of the test */ 12 background-color: white 13 } 14 </style> 15 <div contenteditable="true" spellcheck="false"> 16 xx<span>xxx</span> 17 </div> 18 <script> 19 SimpleTest.waitForFocus(function() { 20 document.querySelector('[contenteditable="true"]').focus(); 21 requestAnimationFrame(function() { 22 for (let i = 0; i < 2; ++i) 23 synthesizeKey("KEY_ArrowRight"); 24 document.documentElement.removeAttribute("class"); 25 }); 26 }); 27 </script>