From bfb8b6baf2544925dc9451afe377f470aa76ac33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julian=20M=C3=BCller=20=28ChaoticByte=29?=
 <contact@chaoticbyte.net>
Date: Sun, 30 Apr 2023 19:34:11 +0200
Subject: [PATCH] Auto-resize input field after a message was sent

---
 frontend/static/main.js | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/frontend/static/main.js b/frontend/static/main.js
index 4de92cb..ca87d21 100644
--- a/frontend/static/main.js
+++ b/frontend/static/main.js
@@ -111,6 +111,13 @@
         messageHistoryContainer.scrollTo(0, messageHistoryContainer.scrollHeight);
     }
 
+    function resizeInputElement() {
+        // Calculate Line height
+        textInputElement.style.removeProperty("height");
+        let newHeight = textInputElement.scrollHeight;
+        textInputElement.style.height = newHeight.toString() + "px";
+    }
+
     function disableInput() {
         settingsMaxTokensElement.disabled = true;
         settingsTemperatureElement.disabled = true;
@@ -145,6 +152,7 @@
             }
             else {
                 textInputElement.value = "";
+                resizeInputElement();
                 addMessage(input, MessageType.USER);
                 let prompt = conversation.join("");
                 let settings = getSettings();
@@ -162,11 +170,11 @@
     }
 
     // Event Listeners
-    
+
     resetSettingsButtonElement.addEventListener("click", resetSettings);
     resetHistoryButtonElement.addEventListener("click", resetHistory);
     sendButtonElement.addEventListener("click", chat);
-    
+
     textInputElement.addEventListener("keypress", e => {
         // Send via Ctrl+Enter
         if (e.key == "Enter" && e.ctrlKey) {
@@ -174,11 +182,6 @@
         }
     });
 
-    textInputElement.addEventListener("input", e => {
-        // Calculate Line height
-        textInputElement.style.removeProperty("height");
-        let newHeight = textInputElement.scrollHeight;
-        textInputElement.style.height = newHeight.toString() + "px";
-    });
+    textInputElement.addEventListener("input", resizeInputElement);
 
 })();
\ No newline at end of file