adjust textarea height for core/js

nlkitai · Jun 30, 2024 · f0bed43 · f0bed43
1 parent 19ee791
commit f0bed43
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/shared/src/components/Composer/create.ts b/packages/shared/src/components/Composer/create.ts
@@ -11,9 +11,14 @@ export const createComposerDom: DomCreator<ComposerProps> = (props) => {
     element.classList.add(className);
 
     const textarea = document.createElement('textarea');
+
     textarea.placeholder = props.placeholder ?? '';
     textarea.value = props.message ?? '';
-
+    const adjustHeight = () => {
+          textarea.style.height = 'auto'; // Reset height
+          textarea.style.height = `${textarea.scrollHeight}px`; // Set new height based on content
+    };
+    textarea.addEventListener('input',adjustHeight);
     if (props.autoFocus) {
         textarea.autofocus = true;
     }