Caret position hook

[atumas-bananamilk]

Is it possible to get a hook to return the live position of a caret (cursor) within Input / Textarea fields?

This would help a lot with emoji pickers to insert an emoji at cursor instead of appending it at the end all the time.

[rtivital]

I do not think that it is a very common use case. You can easily do that with one line of code in onKeyUp – https://codesandbox.io/s/wonderful-fire-1c6g6g?file=/src/App.tsx

[atumas-bananamilk]

Doesn't work if using EmojiPicker (adding text programmatically).

[atumas-bananamilk]

For anyone reading this - onKeyUp doesn't work because some text can be added programmatically (e.g. EmojiPicker).
Solved by:
const position = ref?.current?.selectionStart