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).

Antworten auf die Frage(1)

Ihre Antwort auf die Frage