Fix emoji button bug

frontend/src/pages/app/ui/components/chat/ChatInputWrapper.tsx

@@ -66,7 +66,10 @@ export function ChatInputWrapper(
         setAttachmentsVisible(selectedFiles.length > 0);
     }, [selectedFiles]);
 
-    function handleEmojiButtonClick() {
+    function handleEmojiButtonClick(e: React.MouseEvent<HTMLButtonElement>) {
+        e.stopPropagation();
+
+        if (!emojiMenuOpen) {
             if (chatInputWrapperRef.current && messagePanelRef?.current) {
                 const inputRect = chatInputWrapperRef.current.getBoundingClientRect();
                 const panelRect = messagePanelRef.current.getBoundingClientRect();
@@ -79,6 +82,9 @@ export function ChatInputWrapper(
                 });
                 setEmojiMenuOpen(true);
             }
+        } else {
+            setEmojiMenuOpen(false);
+        }
     };
 
     function handleEmojiSelect(emoji: string) {
@@ -176,7 +182,12 @@ export function ChatInputWrapper(
                 </AnimatedHeight>
                 <div className="chat-input">
                     <div className="left-buttons">
-                        <mdui-button-icon icon="mood" onClick={handleEmojiButtonClick} className="emoji-btn"></mdui-button-icon>
+                        <mdui-button-icon
+                            icon="mood"
+                            onClick={handleEmojiButtonClick}
+                            onMouseDown={e => e.stopPropagation()}
+                            onMouseUp={e => e.stopPropagation()}
+                            className="emoji-btn" />
                     </div>
                     <RichTextArea
                         className="message-input"