fix: Toggle message box formatting toolbar on click (#29727)

Co-authored-by: gabriellsh <40830821+gabriellsh@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
RocketChat · Jul 13, 2023 · ef4cd97 · ef4cd97
1 parent f855aaf
commit ef4cd97
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/fuzzy-parents-drop.md b/.changeset/fuzzy-parents-drop.md
@@ -0,0 +1,5 @@
+---
+'@rocket.chat/meteor': patch
+---
+
+Fix Toggle message box formatting toolbar on click
diff --git a/...onents/body/composer/messageBox/MessageBoxFormattingToolbar/FormattingToolbarDropdown.tsx b/...onents/body/composer/messageBox/MessageBoxFormattingToolbar/FormattingToolbarDropdown.tsx
@@ -34,7 +34,13 @@ const FormattingToolbarDropdown = ({ composer, items, ...props }: FormattingTool
 						};
 
 						return (
-							<Option key={index} onClick={handleFormattingAction}>
+							<Option
+								key={index}
+								onClick={() => {
+									handleFormattingAction();
+									toggle();
+								}}
+							>
 								<OptionIcon name={'icon' in formatter ? formatter.icon : 'link'} />
 								<OptionContent>{t(formatter.label)}</OptionContent>
 							</Option>