scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-08-28 05:27:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: prevent hover events from bleeding through Code Index Config popover

Browse source 
- Added explicit pointer-events handling to PopoverContent component
- Increased z-index from z-50 to z-[100] for better layering
- Added onPointerDownOutside prevention to stop click-through events
- Added inline style for pointer-events auto to ensure proper event blocking

Fixes #7703
This commit is contained in:
Roo Code 2025-09-05 12:04:00 +00:00
parent 55ea32842b
commit 734bbc87ce
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
webview-ui/src/components/chat/CodeIndexPopover.tsx
View file

@ -558,7 +558,9 @@ export const CodeIndexPopover: React.FC<CodeIndexPopoverProps> = ({
sideOffset={5}
collisionPadding={16}
avoidCollisions={true}
container={portalContainer}>
container={portalContainer}
onPointerDownOutside={(e) => e.preventDefault()}
style={{ pointerEvents: "auto" }}>
<div className="p-3 border-b border-vscode-dropdown-border cursor-default">
<div className="flex flex-row items-center gap-1 p-0 mt-0 mb-1 w-full">
<h4 className="m-0 pb-2 flex-1">{t("settings:codeIndex.title")}</h4>

5
webview-ui/src/components/ui/popover.tsx
View file

@ -13,19 +13,20 @@ const PopoverAnchor = PopoverPrimitive.Anchor
const PopoverContent = React.forwardRef<
React.ElementRef<typeof PopoverPrimitive.Content>,
React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & Pick<PortalProps, "container">
>(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => (
>(({ className, align = "center", sideOffset = 4, container, style, ...props }, ref) => (
<PopoverPrimitive.Portal container={container}>
<PopoverPrimitive.Content
ref={ref}
align={align}
sideOffset={sideOffset}
className={cn(
"z-50 w-72 rounded-xs p-4 shadow-xs outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
"z-[100] w-72 rounded-xs p-4 shadow-xs outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
"bg-popover",
"border border-vscode-focusBorder",
"text-popover-foreground",
className,
)}
style={{ ...style, pointerEvents: "auto" }}
{...props}
/>
</PopoverPrimitive.Portal>