From ae9961ec459120e8b4ddec0bf27f571e5833de77 Mon Sep 17 00:00:00 2001
From: fantasticit <fantasticit@163.com>
Date: Tue, 26 Apr 2022 08:43:26 +0800
Subject: [PATCH] tiptap: fix emoji-picker trigger

---
 packages/client/src/components/emoji-picker/index.tsx | 2 +-
 packages/client/src/tiptap/menus/emoji/index.tsx      | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/client/src/components/emoji-picker/index.tsx b/packages/client/src/components/emoji-picker/index.tsx
index f2135546..8688fd6a 100644
--- a/packages/client/src/components/emoji-picker/index.tsx
+++ b/packages/client/src/components/emoji-picker/index.tsx
@@ -92,7 +92,7 @@ export const EmojiPicker: React.FC<IProps> = ({ onSelectEmoji, children }) => {
         </div>
       }
     >
-      <span>{children}</span>
+      {children}
     </Popover>
   );
 };
diff --git a/packages/client/src/tiptap/menus/emoji/index.tsx b/packages/client/src/tiptap/menus/emoji/index.tsx
index e95540dc..b00bad8c 100644
--- a/packages/client/src/tiptap/menus/emoji/index.tsx
+++ b/packages/client/src/tiptap/menus/emoji/index.tsx
@@ -14,9 +14,11 @@ export const Emoji: React.FC<{ editor: Editor }> = ({ editor }) => {
 
   return (
     <EmojiPicker onSelectEmoji={setEmoji}>
-      <Tooltip content="插入表情">
-        <Button theme={'borderless'} type="tertiary" icon={<IconEmoji />} />
-      </Tooltip>
+      <span>
+        <Tooltip content="插入表情">
+          <Button theme={'borderless'} type="tertiary" icon={<IconEmoji />} />
+        </Tooltip>
+      </span>
     </EmojiPicker>
   );
 };