Calculate padding bottom on textarea.

nulib · Jun 26, 2024 · 0056b31 · 0056b31
1 parent 1a4d428
commit 0056b31
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/components/Search/TextArea.tsx b/components/Search/TextArea.tsx
@@ -38,15 +38,23 @@ const SearchTextArea = forwardRef<HTMLTextAreaElement, SearchTextAreaProps>(
  useEffect(() => {
  const textarea = textareaRef.current;
  if (textarea) {
- textarea.style.height = `${textarea.scrollHeight}px`;
+ const height =
+ textarea.scrollHeight > 60
+ ? textarea.scrollHeight + 20
+ : textarea.scrollHeight;
+ textarea.style.height = `${height}px`;
  }
  }, [searchValue]);
 
  const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {
  handleSearchChange(e);
  const textarea = textareaRef.current;
  if (textarea) {
- textarea.style.height = `${textarea.scrollHeight}px`;
+ const height =
+ textarea.scrollHeight > 60
+ ? textarea.scrollHeight + 20
+ : textarea.scrollHeight;
+ textarea.style.height = `${height}px`;
  }
  };