在Firefox浏览器中，contenteditable = false

Question

I have a problem with firefox. Cursor jumps into div where i have set an attribute contenteditable = false when i click backspace, instead of deleting whole div which I excpect (works on chrome and safari) The structure:

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

Also each nested HTML component has an attribute contenteditable="false"

How to solve this incompatibility problem?

Answer 1

Unfortunately this seems to be a known Firefox Bug ...

I've used this solution here to counter that problem. It detects backspaces and checks if the element right before the caret has contenteditable set to false . If so it removes it. Works like a charm.