useKeyHold keeps returning true when devTools is open in some cases #66
Description
TanStack Hotkeys version
v0.4.1
Framework/Library version
React v19.2.3
Describe the bug and the steps to reproduce it
Granted, this is a niche use case. The bug mostly affect developers, not end users.
Steps to reproduce
- Go to https://codesandbox.io/p/devbox/github/tanstack/hotkeys/tree/main/examples/react/useKeyhold?embed=1&file=%2Fsrc%2Findex.tsx
- Open the rendered page in a new window
- Open the DevTools
- Make sure "Emulate a focused page" is active. The option can be found in the Rendering tab
- Do not close the DevTools. Click anywhere on the page
- Trigger the devTools' keyboard shortcut to inspect a DOM element (on a Mac: Cmd+Shift+I)
- (Optional) Click any element on the page
Expected result
The Meta and Shift keys appear as "Released"
Actual result
The Meta and Shift keys keep appearing as "HELD"
Your Minimal, Reproducible Example - (Sandbox Highly Recommended)
Screenshots or Videos (Optional)
No response
Do you intend to try to help solve this bug with your own PR?
No, because I do not have time to dig into it
Terms & Code of Conduct
- I agree to follow this project's Code of Conduct
- I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.