Fix: event listener interference with input typing #54

Merged
Vishnu merged 1 commits from rtViz into main 2025-04-10 04:24:03 +00:00
Showing only changes of commit e0170aedd6 - Show all commits

View File

@@ -55,9 +55,21 @@ const KeyPressListener: React.FC = () => {
useEffect(() => {
// Function to handle keydown events
const handleKeyPress = (event: KeyboardEvent) => {
// Allow default behavior for F5 and F12
const keyCombination = detectModifierKeys(event);
const activeElement = document.activeElement;
const isTyping =
activeElement instanceof HTMLInputElement ||
activeElement instanceof HTMLTextAreaElement ||
(activeElement && activeElement.getAttribute('contenteditable') === 'true');
if (isTyping) {
return; // Don't trigger shortcuts while typing
}
const keyCombination = detectModifierKeys(event);
// Allow default behavior for F5 and F12
if (["F5", "F11", "F12"].includes(event.key) || keyCombination === "Ctrl+R") {
return;
}