2 contentEditable-Container ineinander; möglicher Fehler?

Question

<div contenteditable="true">
    <div contenteditable="true">hi</div>
</div>

Wenn Sie versuchen, das innere contentEditable-Div zu bearbeiten, was praktisch der Fall ist, wenn Sie darauf klicken, bleiben Sie daran hängen und können nichts außerhalb des Divs einfügen, es sei denn, Sie entfernen das untergeordnete contentEditable durch Backspace. Ein Klick außerhalb des inneren Divs hilft nicht, auch wenn das äußere Div größer ist. Dies geschieht in FF und Webkit.

Handelt es sich um einen Fehler oder ist das die übliche Funktionsweise? Gibt es eine Lösung, um dieses Verhalten zu ändern? z.B. wenn Sie außerhalb des inneren div klicken, beginnen Sie, das äußere zu bearbeiten.

Prost
Parsa

Answer 1

Ich habe hier das Gleiche,

<div contenteditable="true"> father
    <div contenteditable="false"> child </div>
</div>

Wenn ich die Option untergeordnete Spaltung Ich bin in der Lage löschen den Text Kind aber nicht editar es. Der Text Vater Ich bin in der Lage, zu löschen und zu bearbeiten.

Ich denke, die Logik ist richtig und sinnvoll. Wenn Sie das Kind div zu wahr ändern, dann können Sie löschen und bearbeiten Sie das Tag.

das Problem ist: Sie können nicht sehen, die div-Tag Vater und Kind, wenn der Inhalt gelöscht wurde. dann Sie nur annehmen, die erste ist Vater div und die zweite ist Kind.

Guter Beitrag!