How to get cursor position in lightning input rich text in lwc?

Question

Sommeone please tell on how to get get cursor position in lightning input rich text in lightning web component.

I am using the following code but getting undefined:

let element = this.template.querySelector("lightning-input-rich-text");
console.log(element.selectionStart, element.selectionEnd);

Answer 1

I wouldn't call it a complete solution.

Use "window.getSelection()" to get the selection indexes, however you might want to ensure the rich text was in focus when selection occurred.

the specified method will return a Selection object, anchorOffset & extentOffset properties will contain the start and end indexes.