diff --git a/src/mpl_widget.ts b/src/mpl_widget.ts
index 7e839f92..58abe556 100644
--- a/src/mpl_widget.ts
+++ b/src/mpl_widget.ts
@@ -544,6 +544,11 @@ export class MPLCanvasView extends DOMWidgetView {
                 this.model.get('pan_zoom_throttle')
             )
         );
+        top_canvas.addEventListener('wheel', (event: any) => {
+            if (this.model.get('capture_scroll')) {
+                event.preventDefault();
+            }
+        });
 
         canvas_div.appendChild(canvas);
         canvas_div.appendChild(top_canvas);
@@ -708,9 +713,6 @@ export class MPLCanvasView extends DOMWidgetView {
                 } else {
                     event.step = -1;
                 }
-                if (this.model.get('capture_scroll')) {
-                    event.preventDefault();
-                }
             }
 
             if (name === 'button_press') {