diff --git a/src/form/Textarea/Textarea.tsx b/src/form/Textarea/Textarea.tsx index 66e2bb2c..3440d4b6 100644 --- a/src/form/Textarea/Textarea.tsx +++ b/src/form/Textarea/Textarea.tsx @@ -73,22 +73,22 @@ export const Textarea = forwardRef( theme: customTheme, ...rest }, - ref + inputRef ) => { const containerRef = useRef(null); - const inputRef = useRef(null); + const textareaRef = useRef(null); - useImperativeHandle(ref, () => ({ - inputRef, + useImperativeHandle(inputRef, () => ({ + textareaRef, containerRef, - blur: () => inputRef.current?.blur(), - focus: () => inputRef.current?.focus() + blur: () => textareaRef.current?.blur(), + focus: () => textareaRef.current?.focus() })); useLayoutEffect(() => { if (autoFocus) { // Small timeout for page loading - requestAnimationFrame(() => inputRef.current?.focus()); + requestAnimationFrame(() => textareaRef.current?.focus()); } }, [autoFocus]); @@ -105,7 +105,7 @@ export const Textarea = forwardRef( ref={containerRef} >