binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make quick action dropdowns use capture phase of the event to trigger closure on outside click (#5414)

Browse source
This commit is contained in:
rahulramesha 2024-08-26 14:40:11 +05:30 • committed by GitHub
parent a0ed51c845
commit 890379b64f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
packages/ui/src/hooks/use-outside-click-detector.tsx
View file

@ -1,7 +1,7 @@
import React, { useEffect } from "react";
// TODO: move it to helpers package
const useOutsideClickDetector = (ref: React.RefObject<HTMLElement>, callback: () => void) => {
const useOutsideClickDetector = (ref: React.RefObject<HTMLElement>, callback: () => void, useCapture = false) => {
const handleClick = (event: MouseEvent) => {
if (ref.current && !ref.current.contains(event.target as Node)) {
// get all the element with attribute name data-prevent-outside-click
@ -31,10 +31,10 @@ const useOutsideClickDetector = (ref: React.RefObject<HTMLElement>, callback: ()
};
useEffect(() => {
document.addEventListener("mousedown", handleClick);
document.addEventListener("mousedown", handleClick, useCapture);
return () => {
document.removeEventListener("mousedown", handleClick);
document.removeEventListener("mousedown", handleClick, useCapture);
};
});
};