Refactor ERDContent component to enable panning on scroll

liam-hq · Dec 13, 2024 · a677651 · a677651
1 parent 374d1d0
commit a677651
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/ERDContent.tsx b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/ERDContent.tsx
@@ -181,6 +181,8 @@ export const ERDContent: FC<Props> = ({
     [setEdges],
   )
 
+  const panOnDrag = [1, 2]
+
   return (
     <div className={styles.wrapper}>
       <ReactFlow
@@ -196,6 +198,9 @@ export const ERDContent: FC<Props> = ({
         onNodeMouseLeave={handleMouseLeaveNode}
         onEdgeMouseEnter={handleMouseEnterEdge}
         onEdgeMouseLeave={handleMouseLeaveEdge}
+        panOnScroll
+        panOnDrag={panOnDrag}
+        selectionOnDrag
       >
         <Background
           color="var(--color-gray-600)"