loading placeholder x and y coordinates by layout item instead of drag event data

Author: s.edelmann

src/components/GridLayout.vue

@@ -266,10 +266,17 @@
                 return bottom(this.layout) * (this.rowHeight + this.margin[1]) + this.margin[1] + 'px';
             },
             dragEvent: function (eventName, id, x, y, h, w) {
+                //console.log(eventName + " id=" + id + ", x=" + x + ", y=" + y);
+                let l = getLayoutItem(this.layout, id);
+                //GetLayoutItem sometimes returns null object
+                if (l === undefined || l === null){
+                    l = {x:0, y:0}
+                }
+                
                 if (eventName === "dragmove" || eventName === "dragstart") {
                     this.placeholder.i = id;
-                    this.placeholder.x = x;
-                    this.placeholder.y = y;
+                    this.placeholder.x = l.x;
+                    this.placeholder.y = l.y;
                     this.placeholder.w = w;
                     this.placeholder.h = h;
                     this.$nextTick(function() {
@@ -282,12 +289,8 @@
                         this.isDragging = false;
                     });
                 }
-                //console.log(eventName + " id=" + id + ", x=" + x + ", y=" + y);
-                let l = getLayoutItem(this.layout, id);
-                //GetLayoutItem sometimes returns null object
-                if (l === undefined || l === null){
-                    l = {x:0, y:0}
-                }
+                
+                // set layout element coordinates to dragged position
                 l.x = x;
                 l.y = y;
                 // Move the element to the dragged location.