¿Cómo puedo obtener la posición x/y de mi carácter de entrada en un div editable?

Quiero mostrar una superposición con alguna información debajo del carácter de entrada, por lo que necesito saber la posición para colocar la superposición en la posición debajo del carácter de entrada.

 <div style="background-color: yellow; width: 400px; height: 400px;" contenteditable="true" (input)="input ($event)"></div>