Merge pull request #444 from allen-cell-animated/fix/arrow-key-input

fix: Arrow keys no longer advance time when focused on an input
allen-cell-animated · Sep 30, 2024 · e97fa10 · e97fa10
2 parents 0eeee38 + be05987
commit e97fa10
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/Viewer.tsx b/src/Viewer.tsx
@@ -688,10 +688,13 @@ function Viewer(): ReactElement {
   timeControls.setFrameCallback(setFrame);
 
   const handleKeyDown = useCallback(
-    ({ key }: KeyboardEvent): void => {
-      if (key === "ArrowLeft" || key === "Left") {
+    (e: KeyboardEvent): void => {
+      if (e.target instanceof HTMLInputElement) {
+        return;
+      }
+      if (e.key === "ArrowLeft" || e.key === "Left") {
         timeControls.advanceFrame(-1);
-      } else if (key === "ArrowRight" || key === "Right") {
+      } else if (e.key === "ArrowRight" || e.key === "Right") {
         timeControls.advanceFrame(1);
       }
     },