contentEditable在firefox中打破向上翻页按钮

Question

当div上存在contentEditable时，有没有人知道如何解决（或导致什么原因）FF中的页面上/下错误？

查看示例 使用FireFox（3或3.5）导航至contentEditable article并使用键盘上的向上/向下箭头。您应该无法滚动到页面底部，它应该闪烁并跳回来。

Answer 1

我认为这是Firefox的一个错误，甚至存在于最新版本3.6.8。

对于sample page，有两种方法可以使页面向上/向下按钮起作用：

1. 将所有三个DOM节点的contenteditable="true"更改为false。
2. 找到id="main-content"节点，然后删除样式float: left;。

似乎Firefox contenteditable="true"与样式float:left;冲突的问题。

Answer 2

我能看到的唯一方法是使用iframe ...就像TinyMCE和CKEditor WYSIWYG编辑一样，他们都使用iframe。但是，在iframe中加载的内容不具有其父级的样式规则。因此必须进行调整......首先预测contentEditable div的原因。

因为没有人回答我会生气并玩火柴