From e682c3db2875742d5971fb6fe07c493d9db1b795 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 27 Aug 2020 19:25:16 -0500
Subject: [PATCH] Chats: use textarea instead of input

---
 app/soapbox/features/chats/components/chat_window.js | 7 ++++---
 app/styles/chats.scss                                | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/features/chats/components/chat_window.js b/app/soapbox/features/chats/components/chat_window.js
index af9f9bcee..e1c67a2b2 100644
--- a/app/soapbox/features/chats/components/chat_window.js
+++ b/app/soapbox/features/chats/components/chat_window.js
@@ -63,6 +63,7 @@ class ChatWindow extends ImmutablePureComponent {
       if (e.key === 'Enter') {
         this.props.dispatch(sendChatMessage(chatId, this.state));
         this.setState({ content: '' });
+        e.preventDefault();
       }
     };
   }
@@ -134,9 +135,9 @@ class ChatWindow extends ImmutablePureComponent {
         </div>
         <div className='pane__content'>
           <ChatMessageList chatMessageIds={chatMessageIds} />
-          <div className='pane__actions'>
-            <input
-              type='text'
+          <div className='pane__actions simple_form'>
+            <textarea
+              rows={1}
               placeholder='Send a message...'
               onKeyDown={this.handleKeyDown(chat.get('id'))}
               onChange={this.handleContentChange}
diff --git a/app/styles/chats.scss b/app/styles/chats.scss
index cb498e628..f12dc6f1e 100644
--- a/app/styles/chats.scss
+++ b/app/styles/chats.scss
@@ -93,7 +93,7 @@
     margin-top: auto;
     padding: 6px;
 
-    input {
+    textarea {
       width: 100%;
       margin: 0;
       box-sizing: border-box;