Merge pull request #4035 from xyflow/fix-context-menu-key-up

Fix context menu key up

packages/react/src/hooks/useKeyPress.ts

@@ -109,11 +109,13 @@ export function useKeyPress(
       target?.addEventListener('keydown', downHandler as EventListenerOrEventListenerObject);
       target?.addEventListener('keyup', upHandler as EventListenerOrEventListenerObject);
       window.addEventListener('blur', resetHandler);
+      window.addEventListener('contextmenu', resetHandler);
 
       return () => {
         target?.removeEventListener('keydown', downHandler as EventListenerOrEventListenerObject);
         target?.removeEventListener('keyup', upHandler as EventListenerOrEventListenerObject);
         window.removeEventListener('blur', resetHandler);
+        window.removeEventListener('contextmenu', resetHandler);
       };
     }
   }, [keyCode, setKeyPressed]);

packages/svelte/src/lib/components/KeyHandler/KeyHandler.svelte

@@ -40,6 +40,14 @@
     return isKeyObject(key) ? key.key : key;
   }
 
+  function resetAll() {
+    selectionKeyPressed.set(false);
+    multiselectionKeyPressed.set(false);
+    deleteKeyPressed.set(false);
+    panActivationKeyPressed.set(false);
+    zoomActivationKeyPressed.set(false);
+  }
+
   $: selectionKeyDefinition = {
     key: getKeyString(selectionKey),
     modifier: getModifier(selectionKey)
@@ -67,6 +75,8 @@
 </script>
 
 <svelte:window
+  on:blur={resetAll}
+  on:contextmenu={resetAll}
   use:shortcut={{
     trigger: [
       {