feat(message-form): send emoji at caret position

2022-05-30 17:53:41 -03:00 · 2022-05-30 17:53:41 -03:00 · 32b3d55ab8
commit 32b3d55ab8
parent e853f032be
1 changed files with 12 additions and 1 deletions
--- a/bigbluebutton-html5/imports/ui/components/chat/message-form/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/chat/message-form/component.jsx
@ -271,7 +271,18 @@ class MessageForm extends PureComponent {

  handleEmojiSelect(emojiObject) {
    const { message } = this.state;
-    this.setState({ message: message + emojiObject.native });
+    const cursor = this.textarea.selectionStart;
+
+    this.setState(
+      {
+        message: message.slice(0, cursor)
+        + emojiObject.native
+        + message.slice(cursor),
+      },
+    );
+
+    const newCursor = cursor + emojiObject.native.length;
+    setTimeout(() => this.textarea.setSelectionRange(newCursor, newCursor), 10);
  }

  renderEmojiPicker() {