<html>
<head>
<script src="resources/text-based-repaint.js" type="text/javascript"></script>
<script type="text/javascript">
function repaintTest()
{
document.execCommand("Delete");
}
</script>
</head>
<body onload="runRepaintTest()">
<h4>Deleting into a nested block (was Radar 4056100)</h4>
<div style="width:400px;">
The bug's symptom was that the visual result were two instances of the word "three", because the original was not erased. Resize cleared it up.
</div>
<hr>
<div contenteditable style="height: 100px;">
<div id="one">one</div>
<div id="two">
<div>two</div>
<div>three</div>
</div>
</div>
<script type="text/javascript">
var sel = window.getSelection();
var one = document.getElementById("one");
var two = document.getElementById("two");
sel.setBaseAndExtent(one, 0, two, 2);
</script>
</body>
</html>