Chore: Composer wrapper around the textarea (#27658)

apps/meteor/client/views/room/components/body/composer/messageBox/MessageBox.tsx

@@ -319,7 +319,6 @@ export const MessageBox = ({
 					className='rc-message-box__textarea js-input-message'
 					onKeyDown={handler}
 					onPaste={handlePaste}
-					is='textarea'
 				/>
 				<div ref={shadowRef} style={shadowStyle} />
 				<MessageComposerToolbar>

packages/ui-composer/src/MessageComposer/MessageComposerInput.tsx

@@ -3,7 +3,11 @@ import type { ComponentProps, ReactElement } from 'react';
 import { forwardRef } from 'react';
 
 const MessageComposerInput = forwardRef<HTMLInputElement, ComponentProps<typeof Box>>(
-	(props, ref): ReactElement => <Box minHeight='20px' rows={1} fontScale='p2' ref={ref} pi={12} mb={16} {...props} borderWidth={0} />,
+	(props, ref): ReactElement => (
+		<Box is='label' width='full' fontSize={0}>
+			<Box minHeight='20px' rows={1} fontScale='p2' ref={ref} pi={12} mb={16} {...props} borderWidth={0} is='textarea' />
+		</Box>
+	),
 );
 
 export default MessageComposerInput;