Estoy tratando de implementar menciones dentro de contenteditable div. Estoy usando una biblioteca externa llamada TributeJS ( https://github.com/zurb/tribute ). En general, funciona bien, pero hay un caso límite si escribo menciones juntas sin espacio y en varias líneas y luego trato de eliminarlas con la tecla de retroceso, luego en algún momento ya no puedo eliminar las menciones.

Menciones dentro del intervalo de uso de entrada con contenteditable="false" como esta:

 <span contenteditable="false" class="mention" data-id="user1"> @<label class="mention-label">User 1</label> </span>

Grabé un video para poder explicar el problema más fácilmente: https://files.fm/f/ga5dak22b

Y también he creado un Codepen para reproducir este problema: https://codepen.io/tilenhosnar/pen/powZqBw

Este problema me ocurre en el navegador Chrome. Me pregunto si hay alguna forma de "forzar" la eliminación de nodos HTML secundarios en div editable en la tecla de retroceso. He intentado prácticamente todas las soluciones que pude encontrar en los últimos días, pero todavía está sucediendo.