ConceptProd/Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

F: Do not close dropdown when clicking on interactive child

Browse Source
This commit is contained in:
Ivan 2025-08-26 14:00:23 +03:00
parent 9f1aa2b4a8
commit 9811d0155e
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
rsconcept/frontend/src/components/dropdown/use-dropdown.ts
View File

@ -7,7 +7,16 @@ export function useDropdown() {
const ref = useRef<HTMLDivElement>(null); const ref = useRef<HTMLDivElement>(null);
function handleBlur(event: React.FocusEvent<HTMLDivElement>) { function handleBlur(event: React.FocusEvent<HTMLDivElement>) {
if (ref.current?.contains(event.relatedTarget as Node)) { const nextTarget = event.relatedTarget as Node | null;
if (nextTarget && ref.current?.contains(nextTarget)) {
return;
}
// Keep open when focus moves into a popover (e.g., ComboBox menu rendered via portal)
if (
nextTarget instanceof Element &&
(nextTarget.closest("[data-slot='popover-content']") || nextTarget.closest("[data-slot='popover-trigger']"))
) {
return; return;
} }
setIsOpen(false); setIsOpen(false);