Require mouseActive for the pointer to be lockable

Author: fwcd

src/screens/home/displays/DisplayView.tsx

@@ -302,7 +302,7 @@ export function DisplayView() {
                 width={width}
                 className="rounded-xl"
                 cursor={mouseActive ? 'crosshair' : undefined}
-                isPointerLockable={inputConfig.pointerLockable}
+                isPointerLockable={mouseActive && inputConfig.pointerLockable}
                 onMouseDown={onMouseDown}
                 onMouseUp={onMouseUp}
                 onMouseDrag={onMouseDown}