BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent tooltip context crashes in chat (#1134)

Browse Source 
Keeps VS Code chat from crashing when tooltip context is unavailable
Falls back safely for tooltip triggers and content
This commit is contained in:
Bohdan Triapitsyn
2026-05-15 00:48:33 +03:00
parent ba019c05a6
commit 7b8861144e
1 changed files with 42 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/ui/tooltip.tsx
+42 -17
View File
@@ -8,6 +8,25 @@ type AsChildRenderProps = {
children?: React.ReactNode; children?: React.ReactNode;
}; };
class TooltipPartBoundary extends React.Component<{
children: React.ReactNode;
fallback?: React.ReactNode;
}, { hasError: boolean }> {
state = { hasError: false };
static getDerivedStateFromError() {
return { hasError: true };
}
render() {
if (this.state.hasError) {
return this.props.fallback ?? null;
}
return this.props.children;
}
}
type ProviderProps = React.ComponentProps<typeof BaseTooltip.Provider> & { type ProviderProps = React.ComponentProps<typeof BaseTooltip.Provider> & {
delayDuration?: number; delayDuration?: number;
skipDelayDuration?: number; skipDelayDuration?: number;
@@ -54,7 +73,11 @@ function TooltipTrigger({
const renderProps: AsChildRenderProps = asChild && React.isValidElement(children) const renderProps: AsChildRenderProps = asChild && React.isValidElement(children)
? { render: children as React.ReactElement } ? { render: children as React.ReactElement }
: { children }; : { children };
return <BaseTooltip.Trigger data-slot="tooltip-trigger" {...props} {...renderProps} /> return (
<TooltipPartBoundary fallback={children}>
<BaseTooltip.Trigger data-slot="tooltip-trigger" {...props} {...renderProps} />
</TooltipPartBoundary>
)
} }
type ContentProps = React.ComponentProps<typeof BaseTooltip.Popup> & { type ContentProps = React.ComponentProps<typeof BaseTooltip.Popup> & {
@@ -73,22 +96,24 @@ function TooltipContent({
...props ...props
}: ContentProps) { }: ContentProps) {
return ( return (
<BaseTooltip.Portal> <TooltipPartBoundary>
<BaseTooltip.Positioner sideOffset={sideOffset} side={side} align={align} className="z-50"> <BaseTooltip.Portal>
<BaseTooltip.Popup <BaseTooltip.Positioner sideOffset={sideOffset} side={side} align={align} className="z-50">
data-slot="tooltip-content" <BaseTooltip.Popup
className={cn( data-slot="tooltip-content"
"bg-muted text-muted-foreground border border-border/60 transition-all duration-150 ease-out data-[starting-style]:opacity-0 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:scale-95 z-50 w-fit origin-[var(--transform-origin)] rounded-xl px-3 py-1.5 typography-meta text-balance overflow-hidden", className={cn(
className "bg-muted text-muted-foreground border border-border/60 transition-all duration-150 ease-out data-[starting-style]:opacity-0 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:scale-95 z-50 w-fit origin-[var(--transform-origin)] rounded-xl px-3 py-1.5 typography-meta text-balance overflow-hidden",
)} className
style={{ ...style }} )}
{...props} style={{ ...style }}
> {...props}
{children} >
<BaseTooltip.Arrow className="fill-muted z-50 size-2" /> {children}
</BaseTooltip.Popup> <BaseTooltip.Arrow className="fill-muted z-50 size-2" />
</BaseTooltip.Positioner> </BaseTooltip.Popup>
</BaseTooltip.Portal> </BaseTooltip.Positioner>
</BaseTooltip.Portal>
</TooltipPartBoundary>
) )
} }