fix: Add startingRect scroll position to cloned node. (#66)

mattlewis92 · Sep 28, 2017 · a056154 · a056154
1 parent b8ab1c7
commit a056154
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/interfaces/boundingRectangle.interface.ts b/src/interfaces/boundingRectangle.interface.ts
@@ -8,4 +8,6 @@ export interface BoundingRectangle {
   right: number;
   height?: number;
   width?: number;
+  scrollTop?: number;
+  scrollLeft?: number;
 }
diff --git a/src/resizable.directive.ts b/src/resizable.directive.ts
@@ -91,7 +91,9 @@ function getElementRect(element: ElementRef, ghostElementPositioning: string): B
       top: boundingRect.top,
       bottom: boundingRect.bottom,
       left: boundingRect.left,
-      right: boundingRect.right
+      right: boundingRect.right,
+      scrollTop: element.nativeElement.scrollTop,
+      scrollLeft: element.nativeElement.scrollLeft
     };
   }
 }
@@ -493,6 +495,8 @@ export class Resizable implements OnInit, OnDestroy, AfterViewInit {
         this.renderer.setStyle(currentResize.clonedNode, 'width', `${currentResize.startingRect.width}px`);
         this.renderer.setStyle(currentResize.clonedNode, 'cursor', getResizeCursor(currentResize.edges, resizeCursors));
         this.renderer.addClass(currentResize.clonedNode, RESIZE_GHOST_ELEMENT_CLASS);
+        currentResize.clonedNode.scrollTop = currentResize.startingRect.scrollTop;
+        currentResize.clonedNode.scrollLeft = currentResize.startingRect.scrollLeft;
       }
       this.zone.run(() => {
         this.resizeStart.emit({