fix(component) dynamic text area will now contain content exactly

Signed-off-by: Mason Hu <[email protected]>
canonical · Dec 8, 2023 · 29ff659 · 29ff659
1 parent 225aa1e
commit 29ff659
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/AutoExpandingTextArea.tsx b/src/components/AutoExpandingTextArea.tsx
@@ -16,7 +16,7 @@ const AutoExpandingTextArea: FC<Props> = (props) => {
       if (textArea) {
         textArea.style.height = "0px";
         const scrollHeight = textArea.scrollHeight;
-        textArea.style.height = `${scrollHeight + 1}px`;
+        textArea.style.height = `${scrollHeight}px`;
       }
     }
   }, [value]);
@@ -26,6 +26,7 @@ const AutoExpandingTextArea: FC<Props> = (props) => {
       <Textarea
         {...(textAreaProps as TextareaProps)}
         rows={dynamicHeight ? undefined : rows}
+        className="auto-expanding-textarea"
       />
     </div>
   );

diff --git a/src/sass/styles.scss b/src/sass/styles.scss
@@ -265,3 +265,8 @@ $border-thin: 1px solid $color-mid-light !default;
 .no-border-top {
   border-top: none !important;
 }
+
+.auto-expanding-textarea {
+  overflow: hidden;
+  resize: none;
+}