Should not inherit style from control like element during inserting text just after deleting

LayoutTests/editing/inserting/insert-without-inheriting-style.html

Index: LayoutTests/editing/inserting/insert-without-inheriting-style.html
diff --git a/LayoutTests/editing/inserting/insert-without-inheriting-style.html b/LayoutTests/editing/inserting/insert-without-inheriting-style.html
new file mode 100644
index 0000000000000000000000000000000000000000..71e5b5eaffb9d2ab71c29deaeae1036fe4e390ec
--- /dev/null
+++ b/LayoutTests/editing/inserting/insert-without-inheriting-style.html
@@ -0,0 +1,21 @@
+<div id="container">
+<div contenteditable="true" id="sample">foo <input type="button" value="bar"> baz</div>
+</div>
+<script src="../../fast/js/resources/js-test-pre.js"></script>
+<script>
+function $(id) { return document.getElementById(id); }
+
+var range = document.createRange();
+range.setStartAfter(document.querySelector('input'));
+var selection = window.getSelection();
+selection.removeAllRanges();
+selection.addRange(range);
+document.execCommand('Delete');
+document.execCommand('InsertText', false, 'quux');
+shouldBeEqualToString('$("sample").innerHTML', 'foo quux&nbsp;baz');
+
+if (window.testRunner)
+    $('container').outerHTML = '';
+</script>
+<script src="../../fast/js/resources/js-test-post.js"></script>
+</body>