Mirrors/plane
1
0
Fork 0
mirror of https://github.com/makeplane/plane.git synced 2025-12-16 11:57:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

[WEB-5654]fix: custom select selection and dropdown close #8324

Browse Source
This commit is contained in:
Vamsi Krishna
2025-12-12 15:43:30 +05:30
committed by GitHub
parent 119cf39b4d
commit 192ed9ba8d
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/ui/src/dropdowns/custom-select.tsx
View File

@@ -146,9 +146,13 @@ function Option(props: ICustomSelectItemProps) {
const { children, value, className } = props; const { children, value, className } = props;
const closeDropdown = useContext(DropdownContext); const closeDropdown = useContext(DropdownContext);
const handleMouseDown = useCallback(() => { const handleClick = useCallback(() => {
// Close dropdown for both new and already-selected options. // Close dropdown for both new and already-selected options.
requestAnimationFrame(() => closeDropdown()); // Use setTimeout to ensure HeadlessUI's onChange handler fires first for new selections.
// For already-selected options, this ensures the dropdown closes since onChange won't fire.
setTimeout(() => {
closeDropdown();
}, 0);
}, [closeDropdown]); }, [closeDropdown]);
return ( return (
@@ -163,9 +167,10 @@ function Option(props: ICustomSelectItemProps) {
className className
) )
} }
onClick={handleClick}
> >
{({ selected }) => ( {({ selected }) => (
<div onMouseDown={handleMouseDown} className="flex items-center justify-between gap-2 w-full"> <div className="flex items-center justify-between gap-2 w-full">
{children} {children}
{selected && <Check className="h-3.5 w-3.5 flex-shrink-0" />} {selected && <Check className="h-3.5 w-3.5 flex-shrink-0" />}
</div> </div>