La corrección ortográfica de HTML en div contenteditable no funciona después del intervalo

En mi div contenteditable, tengo el atributo de spellcheck establecido en true . Los “garabatos rojos” funcionan antes (y en) cualquier intervalo que esté presente, pero no después. En el siguiente HTML:

 
misssspellelellled imaspan! alsomisspelleelled

La primera palabra ( misssspellelellled ) y el texto en el espacio ( imaspan! ) imaspan! mal escritos, pero la palabra después del espacio ( alsomisspelleelled ) no aparece. Vea la siguiente captura de pantalla:

Captura de pantalla de ejemplo

¿Alguna idea sobre cómo solucionar esto? Este error puede ser específico de Chrome.

Puede encontrar un ejemplo en vivo aquí: http://codepen.io/kauffecup/pen/AnBIK (es posible que deba enfocar y difuminar la div para que aparezcan “garabatos rojos”).

Esta es una característica de la implementación del spellcheck en Chrome (e IE): el navegador verifica la entrada del usuario , no el contenido inicial (precargado) o el contenido insertado mediante progtwigción. Si, por ejemplo, edita contenido precargado, tal vez solo agregando un punto, el navegador puede ejecutar la revisión ortográfica en él. Las condiciones exactas para esto parecen variar. A veces, simplemente seleccionando una palabra haciendo doble clic provoca una revisión ortográfica. A veces es esencial que una palabra termine con algún signo de puntuación. La anidación de elementos también puede afectar.

Tal comportamiento se menciona implícitamente en WHATWG HTML (“HTML Living Standard”), cláusula Ortografía y revisión gtwigtical : describe el forceSpellCheck() (no hay implementaciones aún, parece), lo que “obliga al agente de usuario a informar errores ortográficos y gtwigticales. en el elemento (si la verificación está habilitada), incluso si el usuario nunca ha enfocado el elemento. (Si no se invoca el método, los agentes de usuario pueden ocultar errores en el texto que no fue ingresado por el usuario).

De todos modos, la conclusión es que no debe esperar que el contenido inicial se verifique de forma ortográfica. Debe comprobarse, con algunas herramientas adecuadas, antes de generar la página.

El atributo de spellcheck se ha definido de forma vaga y en muchos aspectos depende del navegador. Y es dependiente del navegador. Firefox también ejecuta correcciones ortográficas en el contenido inicial (pero, al igual que otros navegadores, admite solo un puñado de idiomas).