Stop camera movement upon window focus loss, fixes citybound#293

kalmi · Mar 9, 2020 · cac7c3d · cac7c3d
1 parent 037c927
commit cac7c3d
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/cb_browser_ui/src/camera/Camera.js b/cb_browser_ui/src/camera/Camera.js
@@ -56,8 +56,11 @@ export function bindInputs(state, setState) {
 
     Mousetrap.bind(state.settings.camera.rotateKey.key, inputActions["startRotateCamera"], 'keydown');
     Mousetrap.bind(state.settings.camera.rotateKey.key, inputActions["stopRotateCamera"], 'keyup');
+    window.addEventListener("blur", inputActions["stopRotateCamera"]);
+
     Mousetrap.bind(state.settings.camera.mousePanKey.key, inputActions["startPanCamera"], 'keydown');
     Mousetrap.bind(state.settings.camera.mousePanKey.key, inputActions["stopPanCamera"], 'keyup');
+    window.addEventListener("blur", inputActions["stopPanCamera"]);
 
     Mousetrap.bind(state.settings.camera.keyboardPanKeyForward.key, inputActions["keyboardPanCamera"]({ y: { $set: 1 } }), 'keydown');
     Mousetrap.bind(state.settings.camera.keyboardPanKeyForward.key, inputActions["keyboardPanCamera"]({ y: { $set: 0 } }), 'keyup');
@@ -71,6 +74,8 @@ export function bindInputs(state, setState) {
     Mousetrap.bind(state.settings.camera.keyboardPanKeyLeft.key, inputActions["keyboardPanCamera"]({ x: { $set: -1 } }), 'keydown');
     Mousetrap.bind(state.settings.camera.keyboardPanKeyLeft.key, inputActions["keyboardPanCamera"]({ x: { $set: 0 } }), 'keyup');
 
+    window.addEventListener("blur", inputActions["keyboardPanCamera"]({ x: { $set: 0 }, y: { $set: 0 } }));
+
     document.addEventListener("gesturestart", e => {
         console.log("start")
         setState(oldState => update(oldState, {