Use capture on InputSelect click outside listener

2024-01-31 23:53:16 -05:00
parent 05f4fa90b8
commit 4d935ade80
2 changed files with 15 additions and 10 deletions
--- a/app/hooks/useOnClickOutside.ts
+++ b/app/hooks/useOnClickOutside.ts
@@ -9,7 +9,8 @@ import useEventListener from "./useEventListener";
 */
 export default function useOnClickOutside(
  ref: React.RefObject<HTMLElement | null>,
-  callback?: (event: MouseEvent | TouchEvent) => void
+  callback?: (event: MouseEvent | TouchEvent) => void,
+  options: AddEventListenerOptions = {}
 ) {
  const listener = React.useCallback(
    (event: MouseEvent | TouchEvent) => {
@@ -22,6 +23,6 @@ export default function useOnClickOutside(
    [ref, callback]
  );

-  useEventListener("mousedown", listener, window);
-  useEventListener("touchstart", listener, window);
+  useEventListener("mousedown", listener, window, options);
+  useEventListener("touchstart", listener, window, options);
 }