From cabe210aaf8f4a1133fa653532874fa86d02c252 Mon Sep 17 00:00:00 2001
From: Whitewater <me@waterwater.moe>
Date: Sat, 14 Sep 2024 09:17:23 +0800
Subject: [PATCH] fix: incorrect tooltip in read history (#385)

---
 .../entry-content/components/EntryReadHistory.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/modules/entry-content/components/EntryReadHistory.tsx b/src/renderer/src/modules/entry-content/components/EntryReadHistory.tsx
index a08aa6c99..7de541966 100644
--- a/src/renderer/src/modules/entry-content/components/EntryReadHistory.tsx
+++ b/src/renderer/src/modules/entry-content/components/EntryReadHistory.tsx
@@ -1,6 +1,11 @@
 import { useWhoami } from "@renderer/atoms/user"
 import { Avatar, AvatarFallback, AvatarImage } from "@renderer/components/ui/avatar"
-import { Tooltip, TooltipContent, TooltipTrigger } from "@renderer/components/ui/tooltip"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipPortal,
+  TooltipTrigger,
+} from "@renderer/components/ui/tooltip"
 import { useAuthQuery } from "@renderer/hooks/common"
 import { Queries } from "@renderer/queries"
 import { useEntryReadHistory } from "@renderer/store/entry"
@@ -63,7 +68,9 @@ export const EntryReadHistory: Component<{ entryId: string }> = ({ entryId }) =>
                 </span>
               </div>
             </TooltipTrigger>
-            <TooltipContent side="top">More</TooltipContent>
+            <TooltipPortal>
+              <TooltipContent side="top">More</TooltipContent>
+            </TooltipPortal>
           </Tooltip>
         )}
     </div>
@@ -101,7 +108,9 @@ const EntryUser: Component<{
           </Avatar>
         </m.button>
       </TooltipTrigger>
-      <TooltipContent side="top">Recent reader: {user.name}</TooltipContent>
+      <TooltipPortal>
+        <TooltipContent side="top">Recent reader: {user.name}</TooltipContent>
+      </TooltipPortal>
     </Tooltip>
   )
 })