diff --git a/src/components/three/ModelViewer.tsx b/src/components/three/ModelViewer.tsx
index 178f115..3baf129 100644
--- a/src/components/three/ModelViewer.tsx
+++ b/src/components/three/ModelViewer.tsx
@@ -1054,6 +1054,11 @@ export function ModelViewerCanvas({ url }: ModelViewerProps) {
       gl={{ antialias: true, alpha: true, powerPreference: 'high-performance', preserveDrawingBuffer: true }}
       frameloop="always"
       className="!bg-background"
+      onPointerMissed={(e) => {
+        if (useModelStore.getState().selectionMode) {
+          gl.domElement.dispatchEvent(new CustomEvent('tsxr-selection-miss', { detail: e }));
+        }
+      }}
       onCreated={({ gl }) => {
         const isApple = /Mac|iPhone|iPad/.test(navigator.platform);
         const maxRatio = isApple ? 2 : 1.5;