chatbox height backspace bug

Smolit-Assistant · Mar 25, 2023 · 94af694 · 94af694
1 parent d426bdd
commit 94af694
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/README_images/Screenshot-2.png b/README_images/Screenshot-2.png
diff --git a/styles.css b/styles.css
@@ -39,6 +39,7 @@ If your plugin does not need CSS, delete this file.
   overflow-y: auto;
   user-select: text;
   max-height: calc(100% - 180px); /* subtract the height of chatbox and 100px */
+  word-wrap: break-word;
 }
 
 

diff --git a/view.ts b/view.ts
@@ -192,15 +192,17 @@ export class BMOView extends ItemView {
         }
       });
 
-      chatboxElement.addEventListener("input", (event) => {
-        chatboxElement.style.height = `${chatboxElement.scrollHeight}px`;
-      });
-
-      chatboxElement.addEventListener("blur", (event) => {
-        if (!chatboxElement.value) {
+    chatboxElement.addEventListener("input", (event) => {
+        if (chatboxElement.value.indexOf('\n') === -1) {
             chatboxElement.style.height = "36px";
         }
+        chatboxElement.style.height = `${chatboxElement.scrollHeight}px`;
     });
+
+    chatboxElement.addEventListener("blur", (event) => {
+    if (!chatboxElement.value) {
+        chatboxElement.style.height = "36px";
+    }});
   }
 
   async BMOchatbot(input: string) {