From 21ed333f7dc9220aca812320fe0d99e940047d3e Mon Sep 17 00:00:00 2001
From: 1ilit <lilitmousheghyan@gmail.com>
Date: Wed, 10 Apr 2024 05:12:39 +0300
Subject: [PATCH] Fix panning when the sidesheet for editing a table is open

---
 src/components/EditorCanvas/Canvas.jsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/EditorCanvas/Canvas.jsx b/src/components/EditorCanvas/Canvas.jsx
index 07e3a90..90febb7 100644
--- a/src/components/EditorCanvas/Canvas.jsx
+++ b/src/components/EditorCanvas/Canvas.jsx
@@ -18,16 +18,18 @@ import {
   useSelect,
   useAreas,
   useNotes,
+  useLayout,
 } from "../../hooks";
 
 export default function Canvas() {
   const { tables, updateTable, relationships, addRelationship } = useTables();
   const { areas, updateArea } = useAreas();
   const { notes, updateNote } = useNotes();
+  const { layout } = useLayout();
   const { settings } = useSettings();
   const { setUndoStack, setRedoStack } = useUndoRedo();
   const { transform, setTransform } = useTransform();
-  const { setSelectedElement } = useSelect();
+  const { selectedElement, setSelectedElement } = useSelect();
   const [dragging, setDragging] = useState({
     element: ObjectType.NONE,
     id: -1,
@@ -187,6 +189,14 @@ export default function Canvas() {
   };
 
   const handleMouseDown = (e) => {
+    // don't pan if the sidesheet for editing a table is open
+    if (
+      selectedElement.element === ObjectType.TABLE &&
+      selectedElement.open &&
+      !layout.sidebar
+    )
+      return;
+
     setPanning({
       isPanning: true,
       ...transform.pan,