Merge branch 'dev' into layers

src/canvas/index.ts

@@ -470,14 +470,15 @@ export default class CanvasModule extends Module<CanvasConfig> {
    * @private
    */
   getMouseRelativePos(e: any, opts: any = {}) {
-    var addTop = 0;
-    var addLeft = 0;
-    var subWinOffset = opts.subWinOffset;
-    var doc = e.target.ownerDocument;
-    var win = doc.defaultView || doc.parentWindow;
-    var frame = win.frameElement;
-    var yOffset = subWinOffset ? win.pageYOffset : 0;
-    var xOffset = subWinOffset ? win.pageXOffset : 0;
+    const subWinOffset = opts.subWinOffset;
+    const doc = e.target.ownerDocument;
+    const win = doc.defaultView || doc.parentWindow;
+    const frame = win.frameElement;
+    const yOffset = subWinOffset ? win.pageYOffset : 0;
+    const xOffset = subWinOffset ? win.pageXOffset : 0;
+    const zoomMlt = this.getZoomMultiplier();
+    let addTop = 0;
+    let addLeft = 0;
 
     if (frame) {
       var frameRect = frame.getBoundingClientRect();
@@ -486,8 +487,8 @@ export default class CanvasModule extends Module<CanvasConfig> {
     }
 
     return {
-      y: e.clientY + addTop - yOffset,
-      x: e.clientX + addLeft - xOffset,
+      y: (e.clientY + addTop - yOffset) * zoomMlt,
+      x: (e.clientX + addLeft - xOffset) * zoomMlt,
     };
   }
 

src/commands/view/Resize.ts

@@ -10,7 +10,7 @@ export default {
       appendTo: canvas.getResizerEl(),
       prefix: editor.getConfig().stylePrefix,
       posFetcher: canvasView.getElementPos.bind(canvasView),
-      mousePosFetcher: canvas.getMouseRelativePos,
+      mousePosFetcher: canvas.getMouseRelativePos.bind(canvas),
       ...(opt.options || {}),
     };
     let { canvasResizer } = this;

src/selector_manager/model/Selector.ts

@@ -179,7 +179,7 @@ export default class Selector extends Model {
    * @private
    */
   static escapeName(name: string) {
-    return `${name}`.trim().replace(/([^a-z0-9\w-\:@]+)/gi, '-');
+    return `${name}`.trim().replace(/([^a-z0-9\w-\\:@\\/]+)/gi, '-');
   }
 }