[Fix] Can't deselect nodes in multiModifier mode

src/selection/useSelection.ts

@@ -5,6 +5,7 @@ import React, {
   useMemo,
   useState
 } from 'react';
+import { isNotEditableElement } from '../utils/dom';
 import { GraphCanvasRef } from '../GraphCanvas';
 import { GraphEdge, GraphNode } from '../types';
 import { findPath } from '../utils/paths';
@@ -304,30 +305,37 @@ export const useSelection = ({
 
   const onKeyDown = useCallback((event: KeyboardEvent) => {
     const element = event.target as HTMLElement;
-    const isSafe =
-      element.tagName !== 'INPUT' &&
-      element.tagName !== 'SELECT' &&
-      element.tagName !== 'TEXTAREA' &&
-      !element.isContentEditable;
-
+    const isSafe = isNotEditableElement(element);
     const isMeta = event.metaKey || event.ctrlKey;
 
     if (isSafe && isMeta) {
       setMetaKeyDown(true);
     }
   }, []);
 
+  const onKeyUp = useCallback((event: KeyboardEvent) => {
+    const element = event.target as HTMLElement;
+    const isSafe = isNotEditableElement(element);
+    const isMeta = ['Meta', 'Control'].includes(event.key);
+
+    if (isSafe && isMeta) {
+      setMetaKeyDown(false);
+    }
+  }, []);
+
   useEffect(() => {
     if (typeof window !== 'undefined') {
       window.addEventListener('keydown', onKeyDown);
+      window.addEventListener('keyup', onKeyUp);
     }
 
     return () => {
       if (typeof window !== 'undefined') {
         window.removeEventListener('keydown', onKeyDown);
+        window.removeEventListener('keyup', onKeyUp);
       }
     };
-  }, [onKeyDown]);
+  }, [onKeyDown, onKeyUp]);
 
   const onCanvasClick = useCallback(
     (event: MouseEvent) => {

src/utils/dom.ts

@@ -0,0 +1,13 @@
+/**
+ * Check if an element is not editable (input, select, textarea, contentEditable).
+ * @param element - The element to check
+ * @returns True if the element is not editable, false otherwise
+ */
+export const isNotEditableElement = (element: HTMLElement) => {
+  return (
+    element.tagName !== 'INPUT' &&
+    element.tagName !== 'SELECT' &&
+    element.tagName !== 'TEXTAREA' &&
+    !element.isContentEditable
+  );
+};

src/utils/index.ts

@@ -8,3 +8,4 @@ export * from './cluster';
 export * from './useHoverIntent';
 export * from './useDrag';
 export * from './paths';
+export * from './dom';