Merge pull request #483 from jbaysolutions/pr/461

fix: wrong parent layout when GridItem is not the child of GridLayout

Author: gmsa

src/components/GridItem.vue

@@ -197,7 +197,7 @@
                 default: 'a, button'
             },
         },
-        inject: ["eventBus"],
+        inject: ["eventBus", "layout"],
         data: function () {
             return {
                 cols: 1,
@@ -301,22 +301,22 @@
             }
         },
         mounted: function () {
-            this.cols = this.$parent.colNum;
-            this.rowHeight = this.$parent.rowHeight;
-            this.containerWidth = this.$parent.width !== null ? this.$parent.width : 100;
-            this.margin = this.$parent.margin !== undefined ? this.$parent.margin : [10, 10];
-            this.maxRows = this.$parent.maxRows;
+            this.cols = this.layout.colNum;
+            this.rowHeight = this.layout.rowHeight;
+            this.containerWidth = this.layout.width !== null ? this.layout.width : 100;
+            this.margin = this.layout.margin !== undefined ? this.layout.margin : [10, 10];
+            this.maxRows = this.layout.maxRows;
             if (this.isDraggable === null) {
-                this.draggable = this.$parent.isDraggable;
+                this.draggable = this.layout.isDraggable;
             } else {
                 this.draggable = this.isDraggable;
             }
             if (this.isResizable === null) {
-                this.resizable = this.$parent.isResizable;
+                this.resizable = this.layout.isResizable;
             } else {
                 this.resizable = this.isResizable;
             }
-            this.useCssTransforms = this.$parent.useCssTransforms;
+            this.useCssTransforms = this.layout.useCssTransforms;
             this.createStyle();
         },
         watch: {
@@ -417,7 +417,7 @@
                 return navigator.userAgent.toLowerCase().indexOf("android") !== -1;
             },
             renderRtl() {
-                return (this.$parent.isMirrored) ? !this.rtl : this.rtl;
+                return (this.layout.isMirrored) ? !this.rtl : this.rtl;
             },
             resizableHandleClass() {
                 if (this.renderRtl) {

src/components/GridLayout.vue

@@ -31,7 +31,8 @@
         name: "GridLayout",
         provide() {
             return {
-                eventBus: null
+                eventBus: null,
+                layout: this
             }
         },
         components: {