Regression: Fix composer restore (#27642)

apps/meteor/app/ui-message/client/messageBox/createComposerAPI.ts

@@ -27,7 +27,7 @@ export const createComposerAPI = (input: HTMLTextAreaElement, storageID: string)
 
 	let _quotedMessages: IMessage[] = [];
 
-	const persist = withDebouncing({ wait: 1000 })(() => {
+	const persist = withDebouncing({ wait: 300 })(() => {
 		if (input.value) {
 			Meteor._localStorage.setItem(storageID, input.value);
 			return;
@@ -73,8 +73,6 @@ export const createComposerAPI = (input: HTMLTextAreaElement, storageID: string)
 			input.value = text;
 		}
 
-		persist();
-
 		triggerEvent(input, 'input');
 		triggerEvent(input, 'change');
 
@@ -160,8 +158,6 @@ export const createComposerAPI = (input: HTMLTextAreaElement, storageID: string)
 		setEditing(editing);
 	};
 
-	setText(Meteor._localStorage.getItem(storageID) ?? '');
-
 	const [formatters, stopFormatterTracker] = (() => {
 		let actions: FormattingButton[] = [];
 
@@ -232,6 +228,8 @@ export const createComposerAPI = (input: HTMLTextAreaElement, storageID: string)
 
 	const insertNewLine = (): void => insertText('\n');
 
+	setText(Meteor._localStorage.getItem(storageID) ?? '');
+
 	return {
 		insertNewLine,
 		setCursorToEnd: () => {

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

@@ -9,7 +9,7 @@ import {
 	MessageComposerActionsDivider,
 	MessageComposerToolbarSubmit,
 } from '@rocket.chat/ui-composer';
-import { useTranslation, useSetting, useUserPreference, useLayout } from '@rocket.chat/ui-contexts';
+import { useTranslation, useUserPreference, useLayout } from '@rocket.chat/ui-contexts';
 import { useMutation } from '@tanstack/react-query';
 import type {
 	MouseEventHandler,
@@ -115,20 +115,16 @@ export const MessageBox = ({
 	const callbackRef = useCallback(
 		(node: HTMLTextAreaElement) => {
 			const storageID = `${rid}${tmid ? `-${tmid}` : ''}`;
+			chat.composer?.release();
 			if (node === null) {
 				return;
 			}
-			if (!chat || chat.composer) {
-				return;
-			}
 			chat.setComposerAPI(createComposerAPI(node, storageID));
 			(textareaRef as MutableRefObject<HTMLTextAreaElement>).current = node;
 		},
 		[chat, rid, tmid],
 	);
 
-	const maxLength = useSetting('Message_MaxAllowedSize');
-
 	const useEmojis = useUserPreference<boolean>('useEmojis');
 
 	const handleOpenEmojiPicker: MouseEventHandler<HTMLElement> = useMutableCallback((e) => {
@@ -318,7 +314,6 @@ export const MessageBox = ({
 					disabled={isRecording}
 					onChange={setTyping}
 					style={textAreaStyle}
-					maxLength={Number.isInteger(maxLength) ? parseInt(maxLength as string) : undefined}
 					placeholder={t('Message')}
 					className='rc-message-box__textarea js-input-message'
 					onKeyDown={handler}