Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<script>
function onLoad() {
const button = document.querySelector("button");
// For emulating the traditional behavior, collapse Selection to end of the
// <button> which is the deepest last child of the <body>.
getSelection().collapse(button, button.childNodes.length);
document.execCommand("styleWithCSS", false, true);
document.execCommand("delete");
document.querySelector("ul[contenteditable]")
.addEventListener("DOMNodeRemoved", () => {
const range = document.createRange();
range.setEndAfter(button);
getSelection().addRange(range);
getSelection().deleteFromDocument();
});
document.execCommand("outdent");
}
</script>
<body onload="onLoad()">
<ul contenteditable style="margin: -1px 0px 1px 6px">
<dd></dd>
<dd>
<button></button>></dd></ul></body>