Stop the Copilot Plus license hint click from toggling the group

Tapping the key-icon hint (which opens the tooltip on mobile) bubbled to
the CollapsibleTrigger and collapsed/expanded the whole group. Wrap it in
a span that stops pointer/click propagation.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018ou7V5v4UYHkzP3csodLLm
This commit is contained in:
Logan Yang 2026-06-29 18:53:05 -07:00
parent 47d3f1e46c
commit c35d50580f
No known key found for this signature in database

View file

@ -170,9 +170,22 @@ export const ModelEnableList: React.FC<ModelEnableListProps> = ({
</Badge>
)}
{group.tooltip && (
<HelpTooltip content={group.tooltip} side="top" buttonClassName="tw-size-4">
<KeyRound className="tw-size-3.5 tw-shrink-0 tw-text-muted" />
</HelpTooltip>
// Stop pointer/click from bubbling to the CollapsibleTrigger so
// tapping the hint (which opens the tooltip on mobile) doesn't
// also collapse/expand the group.
<span
className="tw-flex tw-shrink-0 tw-items-center"
onClick={(e) => e.stopPropagation()}
onPointerDown={(e) => e.stopPropagation()}
>
<HelpTooltip
content={group.tooltip}
side="top"
buttonClassName="tw-size-4"
>
<KeyRound className="tw-size-3.5 tw-shrink-0 tw-text-muted" />
</HelpTooltip>
</span>
)}
</div>
</CollapsibleTrigger>