在Firefox中解决Contenteditable至关重要

Question

我正在使用contenteditable div和span with some icon。当我删除所有字符时，它只需要在Firefox中使用div中的一些空格。在Chrome中工作正常。

代码：

<div id="test" contenteditable="true">dddddd</div>  **Chrome**
<div id="test" contenteditable="true"> dddddd</div> **FireFox**

当我删除整个文本时会发生。

Span用于铅笔图标。

Answer 1

这是Firefox的一个已知错误。 Bug 74408这是bug 911201的后续错误。

  

...删除所有文本后，BR标签（w / _moz_dirty属性）是   插入div ...

多次按空格键时也会发生这种情况。最后一个插入br。

此处的问题在以下代码段中可见：打开开发工具并在删除文本时观看内容。在Firefox中，将插入br，而其他浏览器则不会。）

#test {
    display: inline-block;
    font-family: monospace;
    background-color: yellow;
    min-width: 50px; font-size: 1.5em;
    text-decoration: underline;
}

<div id="test" contenteditable="true">dddddd</div>
<span>&laquo;</span>

小提琴：http://jsfiddle.net/abhitalks/uz0eb092/2/