From 76aa16be548fd14b86a2de8de9566fc4a3adc94a Mon Sep 17 00:00:00 2001
From: kWAY <55437151+kWAYTV@users.noreply.github.com>
Date: Wed, 11 Dec 2024 18:55:14 +0100
Subject: [PATCH] feat(tooltip): enhance tooltip functionality with collision
 handling

Added collision handling to the TooltipContent component by introducing collisionPadding and avoidCollisions properties. This improvement ensures better positioning and visibility of tooltips, enhancing the overall user experience.
---
 src/components/ui/tooltip.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
index 8cd5769..e4b14ff 100644
--- a/src/components/ui/tooltip.tsx
+++ b/src/components/ui/tooltip.tsx
@@ -19,6 +19,8 @@ const TooltipContent = React.forwardRef<
     <TooltipPrimitive.Content
       ref={ref}
       sideOffset={sideOffset}
+      collisionPadding={8}
+      avoidCollisions={true}
       className={cn(
         'z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
         className