fix: rzScale (#254)

README.md

@@ -133,6 +133,7 @@ Well you can use both directives concurrently if you wish:
     | rzMinHeight | number | 1 | The minimum height the resizable should be allowed to resize to. |
     | rzMaxHeight | number | 1 | The maximum height the resizable should be allowed to resize to. |
     | preventDefaultEvent | boolean | `false` | Whether to prevent default mouse event. |
+    | rzScale | number | 1 | Set it when parent element has CSS transform scale |
 
 ## CSS:
 + When `ngDraggable` is enabled on some element, `ng-draggable` and `ng-dragging` class is automatically toggled on it. You can use it to customize the pointer style. For example:

projects/angular2-draggable/src/lib/angular-resizable.directive.ts

@@ -135,7 +135,7 @@ export class AngularResizableDirective implements OnInit, OnChanges, OnDestroy,
   @Input() rzMaxHeight: number = null;
 
   /** Input css scale transform of element so translations are correct */
-  @Input() scale = 1;
+  @Input() rzScale = 1;
 
   /** Whether to prevent default event */
   @Input() preventDefaultEvent = true;
@@ -475,7 +475,7 @@ export class AngularResizableDirective implements OnInit, OnChanges, OnDestroy,
   }
 
   private resizeTo(p: Position) {
-    p.subtract(this._origMousePos).divide(this.scale);
+    p.subtract(this._origMousePos).divide(this.rzScale);
 
     const tmpX = Math.round(p.x / this._gridSize.x) * this._gridSize.x;
     const tmpY = Math.round(p.y / this._gridSize.y) * this._gridSize.y;