Text cursor now focuses on the textbox after performing a drag and drop of some text

web/react/components/create_comment.jsx

@@ -180,9 +180,9 @@ export default class CreateComment extends React.Component {
         }
     }
     handleTextDrop(text) {
-        const originalText = this.state.messageText;
-        this.setState({messageText: originalText + text});
-        React.findDOMNode(this.refs.textbox).focus();
+        const newText = this.state.messageText + text;
+        this.handleUserInput(newText);
+        Utils.setCaretPosition(React.findDOMNode(this.refs.textbox.refs.message), newText.length);
     }
     removePreview(id) {
         let previews = this.state.previews;

web/react/components/create_post.jsx

@@ -232,9 +232,9 @@ export default class CreatePost extends React.Component {
         }
     }
     handleTextDrop(text) {
-        const originalText = this.state.messageText;
-        this.setState({messageText: originalText + text});
-        React.findDOMNode(this.refs.textbox).focus();
+        const newText = this.state.messageText + text;
+        this.handleUserInput(newText);
+        Utils.setCaretPosition(React.findDOMNode(this.refs.textbox.refs.message), newText.length);
     }
     removePreview(id) {
         let previews = this.state.previews;