He hecho mi div contenteditable div y también abre ngx-popover en keyup y puebla los resultados de búsqueda en popover en base abuscar text así que necesito un enlace bidireccional y contenido editable, además necesito div en lugar de entrada:

<span>
   <div id="contenteditablediv" contenteditable="true" (keyup)="triggerUserSearch()" type="text" [popover]="searchTemplate"
        placement="bottom"  triggers="keyup click" [textContent]="searchText" (input)="searchText=$event.target.textContent" [outsideClick]="true"
        containerClass="searchUsersPopup" placeholder="To" class="recipientInput searchTerm">{{searchText}}
   </div>
</span>

Pero cuando agrego la siguiente línea de código:

(input)="searchText=$event.target.textContent"

No funciona correctamente en el navegador Firefox. Escribe hacia atrás en Firefox cuando coloca el cursor al final.

Tomé referencia desde abajo Plunker que tampoco funciona correctamente en firefox.
También sucede lo mismo paraPues contest y Plunker

No estoy seguro de qué(input)="searchText=$event.target.textContent" código exactamente lo hace. Pero vincula el valor de searchText y div. Por lo tanto, es obligatorio, pero también está causando problemas. Explique el significado del código anterior si es posible. ¡Gracias