Como posso encontrar a localização do cursor (X / Y, não linha / coluna) em uma área de texto HTML? [duplicado

Esta pergunta já tem uma resposta aqui:

Como obtenho as coordenadas (x, y) de pixel do cursor em caixas de texto? 3 respostas

Gostaria de exibir uma lista suspensa em um<textarea> para ajudar o usuário a digitar certas coisas. Você conhece isso dos IDEs atuais como conclusão de código. Quando você começa a digitar alguma coisa, um pop-up aparecerá no local atual do cursor / cursor e você pode navegar usando as teclas de seta para concluir sua entrada de text

Eu seicomo obter a posição do cursor na sequência de texto (ou seja, o índice de caracteres da posição do cursor), mas não sei como obter as coordenadas X / Y (algo comooffsetWidth eoffsetHeight) do cursor dentro de<textarea> elemento para que eu possa posicionar meu elemento de lista lá. Isso é possível em HTML / JavaScript e como isso funcionaria?

questionAnswers(1)

yourAnswerToTheQuestion