fix: revert changes to closeOnBlur and add closeOnClickOutside

app/assets/javascripts/components/NotesContextMenu.tsx

@@ -15,10 +15,16 @@ const NotesContextMenu = observer(({ appState }: Props) => {
     (open: boolean) => appState.notes.setContextMenuOpen(open)
   );
 
+  const closeOnClickOutside = (event: MouseEvent) => {
+    if (!contextMenuRef.current?.contains(event.target as Node)) { 
+      appState.notes.setContextMenuOpen(false);
+    }
+  };
+
   useEffect(() => {
-    document.addEventListener('click', closeOnBlur);
+    document.addEventListener('click', closeOnClickOutside);
     return () => {
-      document.removeEventListener('click', closeOnBlur);
+      document.removeEventListener('click', closeOnClickOutside);
     };
   });
 

app/assets/javascripts/components/NotesOptions.tsx

@@ -6,10 +6,7 @@ import { useRef } from 'preact/hooks';
 
 type Props = {
   appState: AppState;
-  closeOnBlur: (event: {
+  closeOnBlur: (event: { relatedTarget: EventTarget | null }) => void;
-    relatedTarget: EventTarget | null;
-    target: EventTarget | null;
-  }) => void;
   setLockCloseOnBlur: (lock: boolean) => void;
 };
 

app/assets/javascripts/components/utils.ts

@@ -10,23 +10,16 @@ export function useCloseOnBlur(
   container: { current: HTMLDivElement },
   setOpen: (open: boolean) => void
 ): [
-  (event: {
+  (event: { relatedTarget: EventTarget | null }) => void,
-    relatedTarget: EventTarget | null;
-    target: EventTarget | null;
-  }) => void,
   StateUpdater<boolean>
 ] {
   const [locked, setLocked] = useState(false);
   return [
     useCallback(
-      function onBlur(event: {
+      function onBlur(event: { relatedTarget: EventTarget | null }) {
-        relatedTarget: EventTarget | null;
-        target: EventTarget | null;
-      }) {
         if (
           !locked &&
-          !container.current?.contains(event.relatedTarget as Node) &&
+          !container.current?.contains(event.relatedTarget as Node)
-          !container.current?.contains(event.target as Node)
         ) {
           setOpen(false);
         }