Skip to content

Commit 3f2d367

Browse files
committed
fix: prevent tooltips from extending beyond viewport edges
- Add collisionPadding and avoidCollisions props to TooltipContent - This ensures tooltips automatically reposition when they would overflow the container
1 parent 5e395bb commit 3f2d367

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

webview-ui/src/components/ui/standard-tooltip.tsx

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,13 @@ export function StandardTooltip({
5050
return (
5151
<Tooltip>
5252
<TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
53-
<TooltipContent side={side} align={align} sideOffset={sideOffset} className={className}>
53+
<TooltipContent
54+
side={side}
55+
align={align}
56+
sideOffset={sideOffset}
57+
className={className}
58+
collisionPadding={10}
59+
avoidCollisions={true}>
5460
{content}
5561
</TooltipContent>
5662
</Tooltip>

0 commit comments

Comments
 (0)