BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: Chat input losing focus

Browse Source
This commit is contained in:
André 2023-10-10 15:10:47 -03:00
parent 6121261db2
commit 1ffa86c618
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
bigbluebutton-html5/imports/ui/components/chat/chat-graphql/chat-message-form/component.tsx
View File

@ -234,13 +234,13 @@ const ChatMessageForm: React.FC<ChatMessageFormProps> = ({
};
const renderForm = () => {
const formRef = useRef<HTMLFormElement | null >(null);
const formRef = useRef<HTMLFormElement | null>(null);
const [sendGroupChatMsg, {
loading: sendGroupChatMsgLoading, error: sendGroupChatMsgError,
}] = useMutation(SEND_GROUP_CHAT_MSG);
const handleSubmit = (e:React.FormEvent<HTMLFormElement>|React.KeyboardEvent<HTMLInputElement>|Event) => {
const handleSubmit = (e: React.FormEvent<HTMLFormElement> | React.KeyboardEvent<HTMLInputElement> | Event) => {
e.preventDefault();
const msg = message.trim();
@ -274,6 +274,10 @@ const ChatMessageForm: React.FC<ChatMessageFormProps> = ({
if (ENABLE_TYPING_INDICATOR) stopUserTyping();
const sentMessageEvent = new CustomEvent(ChatEvents.SENT_MESSAGE);
window.dispatchEvent(sentMessageEvent);
setTimeout(() => {
textAreaRef.current?.textarea.focus();
}, 100);
};
const handleMessageKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {