<!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>