diff --git a/src/frontend/packages/ui/src/components/Textarea/textarea.tsx b/src/frontend/packages/ui/src/components/Textarea/textarea.tsx index 8fb1e5cf..21a262bb 100644 --- a/src/frontend/packages/ui/src/components/Textarea/textarea.tsx +++ b/src/frontend/packages/ui/src/components/Textarea/textarea.tsx @@ -7,10 +7,9 @@ import { cn } from '@workspace/ui/lib/utils'; const Textarea = React.forwardRef< HTMLTextAreaElement, React.ComponentPropsWithRef<'textarea'> ->(({ className, ...props }, ref) => { +>(({ className, onKeyDown, ...props }, ref) => { const autoResizeTextarea = () => { const textarea = document.querySelector('textarea'); - if (textarea) { textarea.style.height = 'auto'; const height = textarea.scrollHeight; @@ -18,14 +17,24 @@ const Textarea = React.forwardRef< } }; + const handleKeyDown = (e: React.KeyboardEvent) => { + if (e.key === 'Enter') { + if (!e.shiftKey) { + e.preventDefault(); + } + } + onKeyDown?.(e); + autoResizeTextarea(); + }; + return (