fix: Pressing arrow keys while focused on inputs no longer advances t…

…imestamp
allen-cell-animated · Sep 26, 2024 · be05987 · be05987
1 parent 0eeee38
commit be05987
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);
       }
     },