Pasting from clipboard replaces text already present in MessageInput about chat-ui-kit-react HOT 3 OPEN

@yevhen-logosha My example is of course very simple and it does not cover all the edge cases.
If you want to paste text at the cursor position in the middle of the string, you need to deal manually with the window.getSelection and so on.... https://developer.mozilla.org/pl/docs/Web/API/Window/getSelection.

I remain this issue open, to see if I can do something to support such a case.

Note: This is about this "magic": #22 (comment)

from chat-ui-kit-react.

I spent a while trying to get cursor/text manipulation with window.getSelection to work, but was unsuccessful. It worked for most cases, but when invoking the paste command multiple times in a row, the contents of the MessageInput seem to be invisible to window.getSelection until the cursor is moved/clicked away. (i.e. if I copy "dog" and paste 3 times, the result should be "dogdogdog" but is instead "dog")

This workaround has been working for me so far as an alternative, and also bypasses the need for useEffect setDisabled etc.:
onPaste={(evt) => { evt.preventDefault(); document.execCommand('insertText', false, evt.clipboardData.getData("text")); }}

from chat-ui-kit-react.

document.execCommand is deprecated, Any other known way?

from chat-ui-kit-react.