diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx
index c4b6d78c0c..c4f88ab421 100644
--- a/packages/excalidraw/components/App.tsx
+++ b/packages/excalidraw/components/App.tsx
@@ -11159,10 +11159,20 @@ class App extends React.Component<AppProps, AppState> {
       event: WheelEvent | React.WheelEvent<HTMLDivElement | HTMLCanvasElement>,
     ) => {
       // if not scrolling on canvas/wysiwyg, ignore
+      const path = (event as any).composedPath?.() as EventTarget[] | undefined;
+      const isOnExcalidrawCanvas =
+        path?.some(
+          (n) =>
+            n instanceof HTMLCanvasElement &&
+            n.classList?.contains("excalidraw__canvas"),
+        ) ||
+        (event.target as Element | null)?.closest?.(
+          "canvas.excalidraw__canvas",
+        ) != null;
+
       if (
         !(
-          (event.target instanceof HTMLCanvasElement &&
-            event.target.classList.contains("excalidraw__canvas")) ||
+          isOnExcalidrawCanvas ||
           event.target instanceof HTMLTextAreaElement ||
           event.target instanceof HTMLIFrameElement
         )