contenteditable = false в браузере Firefox

Question

У меня проблема с Firefox. Курсор перепрыгивает в div, где я установил атрибут contenteditable = false, когда я нажимаю backspace, вместо удаления целого div, который я ожидаю (работает в chrome и safari) Структура:

<div contenteditable="true">
     <div contenteditable="false">
        ### CONTENT ###
     </div> 
</div>

Также каждый вложенный компонент HTML имеет атрибут contenteditable = "false"

Как решить эту проблему несовместимости?

Answer 1

К сожалению, это известная ошибка Firefox ...

Я использовал это решение здесь , чтобы противостоять этой проблеме. Он обнаруживает возвраты и проверяет, имеет ли элемент прямо перед кареткой contenteditable значение false. Если так, это удаляет это. Работает как шарм.