From e103f736e103718fe027a69d5e31307e2641a147 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Thu, 11 Aug 2022 10:16:24 +0100
Subject: [PATCH] Fix Japanese input when sending a chat message (#9206)

GitOrigin-RevId: a1b65129e94735f0215ff2eaa9a8a36dd6093176
---
 .../js/features/chat/components/message-input.js     | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/js/features/chat/components/message-input.js b/services/web/frontend/js/features/chat/components/message-input.js
index a80b091072..2826840bed 100644
--- a/services/web/frontend/js/features/chat/components/message-input.js
+++ b/services/web/frontend/js/features/chat/components/message-input.js
@@ -8,12 +8,18 @@ function MessageInput({ resetUnreadMessages, sendMessage }) {
     if (event.key === 'Enter') {
       event.preventDefault()
       sendMessage(event.target.value)
-      event.target.value = '' // clears the textarea content
+      // wrap the form reset in setTimeout so input sources have time to finish
+      // https://github.com/overleaf/internal/pull/9206
+      window.setTimeout(() => {
+        event.target.blur()
+        event.target.closest('form').reset()
+        event.target.focus()
+      }, 0)
     }
   }
 
   return (
-    <div className="new-message">
+    <form className="new-message">
       <label htmlFor="chat-input" className="sr-only">
         {t('your_message')}
       </label>
@@ -23,7 +29,7 @@ function MessageInput({ resetUnreadMessages, sendMessage }) {
         onKeyDown={handleKeyDown}
         onClick={resetUnreadMessages}
       />
-    </div>
+    </form>
   )
 }