Fix hotkeys interception for background hotkeys

HumanSignal · Dec 12, 2024 · e2e1365 · e2e1365
1 parent 94fcfeb
commit e2e1365
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/web/libs/datamanager/src/components/MainView/GridView/GridPreview.tsx b/web/libs/datamanager/src/components/MainView/GridView/GridPreview.tsx
@@ -69,6 +69,8 @@ const TaskModal = observer(({ view, tasks, imageField, currentTaskId, setCurrent
         event.preventDefault();
       } else if (event.key === "Escape") {
         onClose();
+      } else if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+        // prevent Quick View from opening in a background by hotkey
       } else {
         // pass this event through for other keys
         return;
@@ -77,7 +79,7 @@ const TaskModal = observer(({ view, tasks, imageField, currentTaskId, setCurrent
       event.stopPropagation();
     };
 
-    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("keydown", onKeyDown, { capture: true });
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [goToNext, goToPrev, onSelect, onClose]);