From 2c979a96bb05c8bbf3db556c6bcc68e05bde07bf Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Mon, 21 Feb 2022 15:50:07 +0800
Subject: [PATCH] feat: allow copy in message text

---
 web/src/components/ChatBox/ChatMessageList/Item.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/src/components/ChatBox/ChatMessageList/Item.tsx b/web/src/components/ChatBox/ChatMessageList/Item.tsx
index fb9e537c..3052de26 100644
--- a/web/src/components/ChatBox/ChatMessageList/Item.tsx
+++ b/web/src/components/ChatBox/ChatMessageList/Item.tsx
@@ -22,6 +22,7 @@ import { useChatMessageItemAction } from './useChatMessageItemAction';
 import { useChatMessageReactionAction } from './useChatMessageReaction';
 import { TcPopover } from '@/components/TcPopover';
 import { useMessageReactions } from './useMessageReactions';
+import { stopPropagation } from '@/utils/dom-helper';
 import './Item.less';
 
 /**
@@ -90,7 +91,10 @@ const NormalMessage: React.FC<ChatMessageItemProps> = React.memo((props) => {
       </div>
 
       {/* 主体 */}
-      <div className="flex flex-col flex-1 overflow-auto group">
+      <div
+        className="flex flex-col flex-1 overflow-auto group"
+        onContextMenu={stopPropagation}
+      >
         {showAvatar && (
           <div className="flex items-center">
             <div className="font-bold">{userInfo.nickname}</div>