fix: Modify Drag values according to containerPadding

react-grid-layout · Oct 30, 2020 · 010719d · 010719d
1 parent e4e2b8b
commit 010719d
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/lib/GridItem.jsx b/lib/GridItem.jsx
@@ -469,20 +469,20 @@ export default class GridItem extends React.Component<Props, State> {
         const { margin, rowHeight } = this.props;
         const bottomBoundary =
           offsetParent.clientHeight - calcGridItemWHPx(h, rowHeight, margin[1]);
-        top = clamp(top, 0, bottomBoundary);
+        top = clamp(top - this.props.containerPadding[1], 0, bottomBoundary);
 
         const colWidth = calcGridColWidth(positionParams);
         const rightBoundary =
           containerWidth - calcGridItemWHPx(w, colWidth, margin[0]);
-        left = clamp(left, 0, rightBoundary);
+        left = clamp(left - this.props.containerPadding[0], 0, rightBoundary);
       }
     }
 
     const newPosition: PartialPosition = { top, left };
     this.setState({ dragging: newPosition });
 
     // Call callback with this data
-    const { x, y } = calcXY(positionParams, top, left, w, h);
+    const { x, y } = calcXY(positionParams, top - this.props.containerPadding[1], left - this.props.containerPadding[0], w, h);
     return onDrag.call(this, i, x, y, {
       e,
       node,
@@ -507,7 +507,7 @@ export default class GridItem extends React.Component<Props, State> {
     const newPosition: PartialPosition = { top, left };
     this.setState({ dragging: null });
 
-    const { x, y } = calcXY(this.getPositionParams(), top, left, w, h);
+    const { x, y } = calcXY(this.getPositionParams(), top - this.props.containerPadding[1], left - this.props.containerPadding[0], w, h);
 
     return onDragStop.call(this, i, x, y, {
       e,