爲什麼我的contentEditable元素在Firefox中變得可拖動/可調整大小？

Question

我會回答這個問題

令我非常驚訝，我發現，使用JavaScript一類適用於一個元素，並使其CONTENTEDITABLE後，該元素突然獲得了可拖動和可調整大小的UI元素。這隻發生在Firefox中。

爲什麼會發生這種情況，我該如何解決？

Answer 1

Firefox有一個錯誤，它增加了這個功能，即使它是非標準的，沒有被任何其他瀏覽器實現，也沒有通過專用開關（即不是-moz-whatever）應用。你可以看到它的錯誤報告here。

它出現的條件是一個元素必須都具有contentEditable屬性並且絕對定位。

爲了避開它，你可以做到以下幾點：

1. 不要使用位置是：絕對的。就我而言，我能夠使用position：fixed。
2. 將contentEditable元素放在父元素中並且絕對位置。