Why can I zoom in, but not out using Trackball Controls

Questions
1

I have the following sandbox… And the Trackball Controls allow me to zoom in, but not zoom out. Why is that?

Sandbox

import "./styles.css";
import { Box } from "@react-three/drei";
import { useThree } from "@react-three/fiber";
import { useEffect } from "react";
import { Canvas } from "@react-three/fiber";
import {
  Bounds,
  GizmoHelper,
  GizmoViewport,
  OrthographicCamera,
  TrackballControls,
  OrbitControls,
} from "@react-three/drei";

export default function App() {
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
      <Canvas>
        <OrthographicCamera makeDefault position={[0, 0, 1000]}>
          <ambientLight intensity={0.1} />
          <directionalLight color="white" position={[0, 0, 1000]} />
        </OrthographicCamera>
        <TrackballControls
          makeDefault={true}
          zoomSpeed={0.1}
          rotateSpeed={7}
        ></TrackballControls>
        <Bounds margin={1.2} fit clip observe maxDuration={0}>
          <mesh>
            <Box>
              <meshStandardMaterial color="red" />
            </Box>
          </mesh>
        </Bounds>
      </Canvas>
    </div>
  );
}
2

Seems like an issue rather with OrthographicCamera from drei (<orthographicCamera/> works fine), not the controls?

3

Interesting. Thanks.