为什么我的contentEditable元素在Firefox中变得可拖动/可调整大小？

Question

我将回答这个问题

令我惊讶的是，我发现在使用JavaScript将一个类应用于一个元素并使其成为contentEditable之后，该元素突然获得了可拖动和可调整大小的UI元素。这只发生在Firefox中。

为什么会发生这种情况，我该如何解决？

Answer 1

Firefox有一个错误，它添加了这个功能，即使它是非标准的，没有被任何其他浏览器实现，也没有通过专有交换机应用（即不是-moz-无论如何）。您可以看到它的错误报告here。

它出现的条件是元素必须都具有contentEditable属性并且绝对定位。

为了解决这个问题，您可以执行以下操作：

1. 不要使用position：absolute。在我的情况下，我能够使用position：fixed而不是。
2. 将contentEditable元素放在父级中并绝对定位。