fix: incorrect tooltip in read history (#385)

RSSNext · Sep 14, 2024 · cabe210 · cabe210
1 parent 5e8fb17
commit cabe210
Showing 1 changed file with 12 additions and 3 deletions.
diff --git 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>
   )
 })