Firefox不允许空白contenteditable区域

Question

Firefox版本30.

以下代码在铬中完美工作，我可以开始在段落中键入。

但它不工作在Firefox，任何线索，什么是错的

<div> 
    <div> 
     <span contenteditable="false">Not editable area</span> 
     <p contenteditable="true"></p> 
    </div> 
</div> 

的jsfiddle - http://jsfiddle.net/THPmr/30/

Answer 1

铬似乎有些高度自动分配到CONTENTEDITABLE段落，但Firefox不。简单的解决方案是为段落添加最小高度。

<p contenteditable="true" style="min-height:15px"></p> 

现在我们不担心多余的空格和不必要的BR标签

Answer 2

CSS解决方案：

p[contenteditable] { min-height: 1em} 
/* or more generic for any element*/ 
[contenteditable] { min-height: 1em} 

DEMO