Backspace löscht nicht die inneren HTML-Tags eines zufrieden stellenden DIV in Firefox

Question

Ich habe ein DIV mit Attribut contenteditable = true erstellt und angehängte Kinder wie "span" und "a" mit Attributen contenteditable = false. Wollte testen, ob der gesamte Knoten mit einer einzigen Rücktaste gelöscht wurde und zu meiner Überraschung konnte Firefox die Elemente nicht löschen. Auch dies funktioniert wie erwartet in allen gängigen Desktop-Browsern außer Firefox. Irgendwelche Hinweise auf diese oder was könnte die mögliche Abhilfe sein?

Das genaue Problem auf Bugzilla here gefunden.

Answer 1

Okay! fand die Lösung ... es ist eher einfach als das, was Sie denken würden. Ich füge tatsächlich HTML für Verbindungen ein, also benutzehier. Der Tag <a> hat das Attribut contenteditable = false und wird nicht mit einer Rücktaste gelöscht. Also habe ich eine innere <span> Ebene mit contenteditable = true für Firefox erstellt und das hat den Trick gemacht.

<div contentEditable="true"> 
    <a href="your/url/path" contentEditable="false"> 
    <span contentEditable="true">link here</span> 
    </a> 
</div> 

Dies ist nur in Firefox erforderlich. Andere Browser behandeln dies wie erwartet mit dem Bereich mit Inhalt contenteditable = false.