fix(web): position tooltip arrows outside content

Closes #6095
2026-07-15 22:29:38 +08:00
parent 49516395da
commit 773e56e537
1 changed files with 6 additions and 1 deletions
@@ -44,7 +44,12 @@ const TooltipContent = React.forwardRef<
          {...props}
        >
          {children}
-          <TooltipPrimitive.Arrow className="bg-primary z-tooltip size-2.5 rotate-45 rounded-[2px]" />
+          <TooltipPrimitive.Arrow
+            className={cn(
+              "pointer-events-none bg-primary z-tooltip size-2.5 rotate-45 rounded-[2px]",
+              "data-[side=top]:bottom-[-5px] data-[side=bottom]:top-[-5px] data-[side=left]:right-[-5px] data-[side=right]:left-[-5px]",
+            )}
+          />
        </TooltipPrimitive.Popup>
      </TooltipPrimitive.Positioner>
    </TooltipPrimitive.Portal>