Clear all held hotkeys when window blurs

src/isHotkeyPressed.ts

@@ -56,4 +56,10 @@ export function removeFromCurrentlyPressedKeys(key: string): void {
  removeFromCurrentlyPressedKeys(mapKey(e.code))
  })
  }
+
+ if (typeof window !== 'undefined') {
+ window.addEventListener('blur', () => {
+ currentlyPressedKeys.clear()
+ })
+ }
 })()

src/useHotkeys.ts

@@ -45,7 +45,7 @@ export default function useHotkeys<T extends HTMLElement>(
  return
  }
 
- const listener = (e: KeyboardEvent) => {
+ const listener = (e: KeyboardEvent, isKeyUp: boolean = false) => {
  if (isKeyboardEventTriggeredByInput(e) && !isHotkeyEnabledOnTag(e, memoisedOptions?.enableOnFormTags)) {
  return
  }
@@ -77,7 +77,9 @@ export default function useHotkeys<T extends HTMLElement>(
  // Execute the user callback for that hotkey
  cb(e, hotkey)
 
- hasTriggeredRef.current = true
+ if (!isKeyUp) {
+ hasTriggeredRef.current = true
+ }
  }
  })
  }
@@ -106,10 +108,8 @@ export default function useHotkeys<T extends HTMLElement>(
  hasTriggeredRef.current = false
 
  if (memoisedOptions?.keyup) {
- listener(event)
+ listener(event, true)
  }
-
- hasTriggeredRef.current = false
  }
 
  // @ts-ignore

tests/isHotkeyPressed.test.tsx

@@ -1,13 +1,6 @@
 import userEvent from '@testing-library/user-event'
 import { isHotkeyPressed } from '../src/isHotkeyPressed'
 
-beforeEach(() => {
- window.document.dispatchEvent(new Event("DOMContentLoaded", {
- bubbles: true,
- cancelable: true
- }))
-})
-
 test('should return true if hotkey is currently pressed down', async () => {
  const user = userEvent.setup()
 
@@ -110,3 +103,18 @@ test.skip('should respect the splitKey option', async () => {
  expect(isHotkeyPressed('ba,', 'a')).toBe(false)
  expect(isHotkeyPressed(['b', ','])).toBe(false)
 })
+
+test('Should clear pressed hotkeys when window blurs', async () => {
+ const user = userEvent.setup()
+
+ await user.keyboard('{Meta>}')
+
+ expect(isHotkeyPressed('meta')).toBe(true)
+
+ window.document.dispatchEvent(new Event("blur", {
+ bubbles: true,
+ cancelable: true
+ }))
+
+ expect(isHotkeyPressed('meta')).toBe(false)
+})