Почему мой элемент contentEditable становится перетаскиваемым / изменяющим размер в Firefox?

Question

Я отвечу на этот вопрос

К моему большому удивлению, я обнаружил, что после использования JavaScript, чтобы применить класс к элементу и сделать его contentEditable, элемент неожиданно получил перетаскиваемые и изменяемые размеры элементов интерфейса. Это происходит только в Firefox.

Почему это происходит и как я могу это исправить?

Answer 1

Firefox имеет ошибку, при которой он добавляет эту функциональность, даже если он нестандартный, не реализован никаким другим браузером и не применяется через собственный переключатель (т.е. не -moz-что угодно). Вы можете увидеть отчет об ошибке здесь .

Условия, при которых это происходит, состоят в том, что элемент должен иметь атрибут contentEditable и быть абсолютно позиционированным.

Чтобы обойти это, вы можете сделать следующее:

1. Не использовать положение: абсолютное. В моем случае я смог использовать вместо него положение: исправлено.
2. Поместите элемент contentEditable внутри родительского элемента и разместите его абсолютно.