feat: more params on tooltip wrapper. Avoid pointer events

gbif · Oct 23, 2024 · 8c3ae9d · 8c3ae9d
1 parent 413662d
commit 8c3ae9d
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/gbif-org/src/components/simpleTooltip.tsx b/packages/gbif-org/src/components/simpleTooltip.tsx
@@ -2,16 +2,19 @@ import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip';
 
 export function SimpleTooltip({
   title,
+  delayDuration = 0,
   children,
   side,
 }: {
   title: React.ReactNode;
+  delayDuration?: number;
   children: React.ReactNode;
+  side: 'top' | 'right' | 'bottom' | 'left';
 }) {
   return (
-    <Tooltip delayDuration={0}>
-      <TooltipTrigger>{children}</TooltipTrigger>
-      <TooltipContent className='g-max-w-96' side={side}>{title}</TooltipContent>
+    <Tooltip delayDuration={delayDuration}>
+      <TooltipTrigger tabIndex={-1} asChild>{children}</TooltipTrigger>
+      <TooltipContent className='g-max-w-96 g-pointer-events-none' side={side}>{title}</TooltipContent>
     </Tooltip>
   );
 }