Browse Source

refac: textarea component

Timothy Jaeryang Baek 2 months ago
parent
commit
a6ccc48d91
1 changed files with 4 additions and 1 deletions
  1. 4 1
      src/lib/components/common/Textarea.svelte

+ 4 - 1
src/lib/components/common/Textarea.svelte

@@ -4,6 +4,7 @@
 	export let value = '';
 	export let placeholder = '';
 	export let rows = 1;
+	export let minSize = null;
 	export let required = false;
 	export let className =
 		'w-full rounded-lg px-3 py-2 text-sm bg-gray-50 dark:text-gray-300 dark:bg-gray-850 outline-hidden  h-full';
@@ -29,7 +30,9 @@
 	const resize = () => {
 		if (textareaElement) {
 			textareaElement.style.height = '';
-			textareaElement.style.height = `${textareaElement.scrollHeight}px`;
+			textareaElement.style.height = minSize
+				? `${Math.max(textareaElement.scrollHeight, minSize)}px`
+				: `${textareaElement.scrollHeight}px`;
 		}
 	};
 </script>