HTML-Rechtschreibprüfung in contenteditable div funktioniert nicht nach span
In meinem contenteditable div habe ich dasspellcheck
Attribut auf gesetzttrue
. Die "roten Kringel" wirken vor (und in) jedem Bereich, der vorhanden ist, aber nicht danach. Im folgenden HTML:
<div contenteditable="true" id="input" class="input" spellcheck="true">
misssspellelellled
<span class="test-span">
imaspan!
</span>
alsomisspelleelled
</div>
Das erste Wort (misssspellelellled
) und der Text im Span (imaspan!
) erscheint als falsch geschrieben, aber das Wort nach dem Span (alsomisspelleelled
) nicht. Siehe folgenden Screenshot:
Irgendwelche Ideen, wie man das behebt? Dieser Fehler kann spezifisch für Chrome sein.
Ein Live-Beispiel finden Sie hier:http://codepen.io/kauffecup/pen/AnBIK (Möglicherweise müssen Sie den Div fokussieren und verwischen, damit "rote Kringel" sichtbar werden).