bug1423331-2.html (752B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>Test for bug 1423331: Contenteditable insertion with pseudo-elements</title> 5 <script src="/tests/SimpleTest/EventUtils.js"></script> 6 <script src="/tests/SimpleTest/SimpleTest.js"></script> 7 <style> 8 #editable { 9 outline: 1px solid black; 10 width: 300px; 11 height: 100px; 12 } 13 #editable:empty::before { 14 content: "Write here"; 15 } 16 </style> 17 <div id="editable" contenteditable></div> 18 <script> 19 SimpleTest.waitForFocus(function() { 20 SimpleTest.executeSoon(() => { 21 let div = document.getElementById("editable"); 22 synthesizeMouseAtCenter(div, {}); 23 synthesizeMouseAtCenter(div, {}); 24 sendString("xxx"); 25 document.documentElement.className = ""; 26 }); 27 }); 28 </script> 29 </html>