From da09d45ff6cd970ab48111928ca086031ebfb83f Mon Sep 17 00:00:00 2001
From: asharonbaltazar <asharonbaltazar@outlook.com>
Date: Wed, 8 Jan 2025 21:58:38 -0500
Subject: [PATCH] fix: portal tooltips by default

---
 apps/client/src/common/components/ui/tooltip.tsx | 15 +++++++++++++--
 apps/client/src/theme/ontimeTooltip.ts           |  1 +
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/common/components/ui/tooltip.tsx b/apps/client/src/common/components/ui/tooltip.tsx
index 66f098b3c9..f32be755fd 100644
--- a/apps/client/src/common/components/ui/tooltip.tsx
+++ b/apps/client/src/common/components/ui/tooltip.tsx
@@ -11,13 +11,24 @@ export interface TooltipProps extends ChakraTooltip.RootProps {
 }
 
 export const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(function Tooltip(props, ref) {
-  const { showArrow, children, disabled, portalled, content, contentProps, portalRef, ...rest } = props;
+  const {
+    showArrow,
+    children,
+    disabled,
+    portalled = true,
+    lazyMount = true,
+    unmountOnExit = true,
+    content,
+    contentProps,
+    portalRef,
+    ...rest
+  } = props;
 
   // eslint-disable-next-line -- we need to return children in Fragment
   if (disabled) return <>{children}</>;
 
   return (
-    <ChakraTooltip.Root {...rest}>
+    <ChakraTooltip.Root lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...rest}>
       <ChakraTooltip.Trigger asChild>{children}</ChakraTooltip.Trigger>
       <Portal disabled={!portalled} container={portalRef}>
         <ChakraTooltip.Positioner>
diff --git a/apps/client/src/theme/ontimeTooltip.ts b/apps/client/src/theme/ontimeTooltip.ts
index 0211d9a833..21807d9a8c 100644
--- a/apps/client/src/theme/ontimeTooltip.ts
+++ b/apps/client/src/theme/ontimeTooltip.ts
@@ -8,6 +8,7 @@ export const ontimeTooltipRecipe = defineSlotRecipe({
       backgroundColor: '#2d2d2d', // $gray-1100
       color: '#ececec', // $gray-100
       padding: '2px 8px',
+      fontSize: 'sm',
     },
   },
 });