<!doctype html> <html class="reftest-wait"> <meta charset="utf-8"> <title>Test for bug 1423331: Contenteditable insertion with pseudo-elements</title> <script src="/tests/SimpleTest/EventUtils.js"></script> <script src="/tests/SimpleTest/SimpleTest.js"></script> <style> #editable { outline: 1px solid black; width: 300px; height: 100px; } #editable:empty::before { content: "Write here"; } </style> <div id="editable" contenteditable></div> <script> SimpleTest.waitForFocus(function() { SimpleTest.executeSoon(() => { let div = document.getElementById("editable"); synthesizeMouseAtCenter(div, {}); synthesizeMouseAtCenter(div, {}); sendString("xxx"); document.documentElement.className = ""; }); }); </script> </html>