Fix dm chatinput onfocus and onblur handlers

src/components/chatInput/index.js

@@ -67,6 +67,8 @@ type Props = {
   threadData?: Object,
   refetchThread?: Function,
   quotedMessage: ?{ messageId: string, threadId: string },
+  onFocus: ?Function,
+  onBlur: ?Function,
 };
 
 // $FlowFixMe
@@ -333,6 +335,8 @@ const ChatInput = (props: Props) => {
                 networkDisabled={networkDisabled}
                 placeholder="Your message here..."
                 value={text}
+                onFocus={props.onFocus}
+                onBlur={props.onBlur}
                 onChange={onChange}
                 onKeyDown={handleKeyPress}
                 inputRef={node => {

src/views/directMessages/containers/newThread.js

@@ -208,6 +208,7 @@ class NewThread extends React.Component<Props, State> {
   handleKeyPress = (e: any) => {
     // if the thread slider is open, we shouldn't be doing anything in DMs
     if (this.props.threadSliderIsOpen) return;
+    if (this.state.chatInputIsFocused) return;
 
     // destructure the whole state object
     const {
@@ -412,7 +413,11 @@ class NewThread extends React.Component<Props, State> {
   };
 
   handleChange = (e: any) => {
-    const { existingThreadBasedOnSelectedUsers } = this.state;
+    const {
+      existingThreadBasedOnSelectedUsers,
+      chatInputIsFocused,
+    } = this.state;
+    if (chatInputIsFocused) return;
 
     // unfocus any selected user pills
     this.setState({