fix: Fixes bug where clicking on the canvas did not remove focus from…

… other elements

src/components/CanvasWrapper.tsx

@@ -489,12 +489,17 @@ export default function CanvasWrapper(inputProps: CanvasWrapperProps): ReactElem
 
   const onMouseClick = useCallback(
     (event: MouseEvent): void => {
-      // Note that click events won't fire until the mouse is released. We need to check
-      // if the mouse was dragged before treating the click as a track selection; otherwise
-      // the track selection gets changed unexpectedly.
+      // Note that click events won't fire until the mouse is released. We need
+      // to check if the mouse was dragged before treating the click as a track
+      // selection; otherwise the track selection gets changed unexpectedly.
       if (!isMouseDragging.current) {
         handleTrackSelection(event);
       }
+      // Blur inputs when users interact with the canvas to prevent a bug where
+      // other inputs remain focused and block arrow key navigation.
+      if (document.activeElement instanceof HTMLElement) {
+        document.activeElement.blur();
+      }
     },
     [handleTrackSelection]
   );