diff --git a/src/components/TerminalViewport.tsx b/src/components/TerminalViewport.tsx
index 65eb121..10adf6d 100644
--- a/src/components/TerminalViewport.tsx
+++ b/src/components/TerminalViewport.tsx
@@ -112,7 +112,6 @@ const TerminalViewport = React.forwardRef<TerminalController, TerminalViewportPr
     const lastProcessedChunkIdRef = React.useRef<number | null>(null);
     const followOutputRef = React.useRef(true);
     const touchScrollCleanupRef = React.useRef<(() => void) | null>(null);
-    const mouseTrackingWheelCleanupRef = React.useRef<(() => void) | null>(null);
     const viewportDiscoveryTimeoutRef = React.useRef<number | null>(null);
     const viewportDiscoveryAttemptsRef = React.useRef(0);
     const hiddenInputRef = React.useRef<HTMLTextAreaElement | null>(null);
@@ -999,22 +998,22 @@ const TerminalViewport = React.forwardRef<TerminalController, TerminalViewportPr
 
           const canvas = (terminal as unknown as { canvas?: HTMLCanvasElement }).canvas;
           if (canvas) {
-            mouseTrackingWheelCleanupRef.current = () => {
-              canvas.removeEventListener('wheel', handleMouseTrackingWheel, { capture: true });
-            };
-            const handleMouseTrackingWheel = (event: WheelEvent) => {
-              const wasmTerm = terminal.wasmTerm;
-              if (wasmTerm && wasmTerm.hasMouseTracking()) {
-                event.stopImmediatePropagation();
-                const rect = canvas.getBoundingClientRect();
-                const x = Math.round((event.clientX - rect.left) / (rect.width / terminal.cols));
-                const y = Math.round((event.clientY - rect.top) / (rect.height / terminal.rows));
-                const button = event.deltaY < 0 ? 64 : 65;
-                terminal.input(`\x1b[<${button};${x};${y}M`);
-                terminal.input(`\x1b[<${button - 32};${x};${y}m`);
-              }
-            };
-            canvas.addEventListener('wheel', handleMouseTrackingWheel, { capture: true });
+            (terminal as unknown as { attachCustomWheelEventHandler?: (handler: (event: WheelEvent) => boolean) => void })
+              .attachCustomWheelEventHandler?.((event: WheelEvent) => {
+                const wasmTerm = terminal.wasmTerm;
+                if (!wasmTerm) return false;
+
+                if (wasmTerm.isAlternateScreen() || wasmTerm.hasMouseTracking()) {
+                  const rect = canvas.getBoundingClientRect();
+                  const x = Math.round((event.clientX - rect.left) / (rect.width / terminal.cols));
+                  const y = Math.round((event.clientY - rect.top) / (rect.height / terminal.rows));
+                  const button = event.deltaY < 0 ? 64 : 65;
+                  terminal.input(`\x1b[<${button};${x};${y}M`);
+                  terminal.input(`\x1b[<${button - 32};${x};${y}m`);
+                  return true;
+                }
+                return false;
+              });
           }
 
           localTerminalTextarea =
@@ -1103,8 +1102,6 @@ const TerminalViewport = React.forwardRef<TerminalController, TerminalViewportPr
         localDisposables.forEach((disposable) => disposable.dispose());
         restorePatchedScrollToBottom?.();
         restorePatchedScrollToBottom = null;
-        mouseTrackingWheelCleanupRef.current?.();
-        mouseTrackingWheelCleanupRef.current = null;
         if (localTerminalTextarea) {
           localTerminalTextarea.removeEventListener('focus', handleTerminalTextareaFocus);
           localTerminalTextarea.removeEventListener('blur', handleTerminalTextareaBlur);