<!doctype html> <html class="reftest-wait"> <title>Can delete non-editable content in an editor</title> <script src="/tests/SimpleTest/EventUtils.js"></script> <script src="/tests/SimpleTest/SimpleTest.js"></script> <style> div:focus { outline: 3px solid blue; } </style> <div contenteditable="true" spellcheck="false"> xx <span contenteditable="false">NOT EDITABLE</span>xxx </div> <script> SimpleTest.waitForFocus(function() { document.querySelector('[contenteditable="true"]').focus(); requestAnimationFrame(function() { // Move after the two x for (let i = 0; i < 2; ++i) synthesizeKey("KEY_ArrowRight"); // Select whitespace + <span> for (let i = 0; i < 2; ++i) synthesizeKey("KEY_ArrowRight", { shiftKey: true }); // Rip it off. synthesizeKey("KEY_Delete"); document.documentElement.removeAttribute("class"); }); }); </script>