<!DOCTYPE html>
<html>
<body>
<p id="description">This tests the deletion of non-editable content that both starts and ends in editable roots - it should successfully be removed. There should be no visible content in the markup below. &lt;radr://problem/5026848&gt;</p>
<div id="div" contenteditable="true">foo <span style="color: red;" contenteditable="false">bar</span> baz</div>

<script src="../../resources/dump-as-markup.js"></script>
<script>
var div = document.getElementById("div");
div.focus();
document.execCommand("SelectAll");
document.execCommand("Delete");
Markup.description(description.textContent);
Markup.dump("div");
</script>

</body>
</html>