refac: textarea component

This commit is contained in:
Timothy Jaeryang Baek 2025-04-17 00:35:39 -07:00
parent b6caa95fac
commit a6ccc48d91

View File

@ -4,6 +4,7 @@
export let value = ''; export let value = '';
export let placeholder = ''; export let placeholder = '';
export let rows = 1; export let rows = 1;
export let minSize = null;
export let required = false; export let required = false;
export let className = 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'; '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 = () => { const resize = () => {
if (textareaElement) { if (textareaElement) {
textareaElement.style.height = ''; textareaElement.style.height = '';
textareaElement.style.height = `${textareaElement.scrollHeight}px`; textareaElement.style.height = minSize
? `${Math.max(textareaElement.scrollHeight, minSize)}px`
: `${textareaElement.scrollHeight}px`;
} }
}; };
</script> </script>