From 37882c66cbe2b46a1acf8e990638a511c0fe757b Mon Sep 17 00:00:00 2001
From: gothamsidd <sidd3j27@gmail.com>
Date: Tue, 18 Nov 2025 14:54:02 +0530
Subject: [PATCH] fix: canvas panning stops when hovering over frame title
 (#10340) (#10351)

* fix: canvas panning stops when hovering over frame title (#10340)

* improve

---------

Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com>
---
 packages/common/src/constants.ts       | 1 +
 packages/excalidraw/components/App.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/common/src/constants.ts b/packages/common/src/constants.ts
index b6a451d988..a003cc1dd6 100644
--- a/packages/common/src/constants.ts
+++ b/packages/common/src/constants.ts
@@ -105,6 +105,7 @@ export const CLASSES = {
   SEARCH_MENU_INPUT_WRAPPER: "layer-ui__search-inputWrapper",
   CONVERT_ELEMENT_TYPE_POPUP: "ConvertElementTypePopup",
   SHAPE_ACTIONS_THEME_SCOPE: "shape-actions-theme-scope",
+  FRAME_NAME: "frame-name",
 };
 
 export const CJK_HAND_DRAWN_FALLBACK_FONT = "Xiaolai";
diff --git a/packages/excalidraw/components/App.tsx b/packages/excalidraw/components/App.tsx
index f70c40ff40..ef6a6fb5ed 100644
--- a/packages/excalidraw/components/App.tsx
+++ b/packages/excalidraw/components/App.tsx
@@ -1476,6 +1476,7 @@ class App extends React.Component<AppProps, AppState> {
       return (
         <div
           id={this.getFrameNameDOMId(f)}
+          className={CLASSES.FRAME_NAME}
           key={f.id}
           style={{
             position: "absolute",
@@ -11252,12 +11253,13 @@ class App extends React.Component<AppProps, AppState> {
     (
       event: WheelEvent | React.WheelEvent<HTMLDivElement | HTMLCanvasElement>,
     ) => {
-      // if not scrolling on canvas/wysiwyg, ignore
       if (
         !(
           event.target instanceof HTMLCanvasElement ||
           event.target instanceof HTMLTextAreaElement ||
-          event.target instanceof HTMLIFrameElement
+          event.target instanceof HTMLIFrameElement ||
+          (event.target instanceof HTMLElement &&
+            event.target.classList.contains(CLASSES.FRAME_NAME))
         )
       ) {
         // prevent zooming the browser (but allow scrolling DOM)