@cocreate/resize 1.1.71 → 1.1.74

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [1.1.74](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.1.73...v1.1.74) (2022-06-08)
+
+
+### Bug Fixes
+
+* if detectGrid has no parent element return ([cb0a6fd](https://github.com/CoCreate-app/CoCreate-resize/commit/cb0a6fd7f9b45fdc66879ff6e2737d5363321eb3))
+
+## [1.1.73](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.1.72...v1.1.73) (2022-06-07)
+
+
+### Bug Fixes
+
+* left postion missing px when adding style ([b1019b7](https://github.com/CoCreate-app/CoCreate-resize/commit/b1019b7bd32c47c2537031ea284f69cb73442ea9))
+
+## [1.1.72](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.1.71...v1.1.72) (2022-05-23)
+
+
+### Bug Fixes
+
+* bump all dependencies ([c99fb25](https://github.com/CoCreate-app/CoCreate-resize/commit/c99fb2506f276e79b2c3c126b8616838965671cd))
+
 ## [1.1.71](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.1.70...v1.1.71) (2022-05-19)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/resize",
-  "version": "1.1.71",
+  "version": "1.1.74",
   "description": "A light weight resize handler make any element resizable by adding data attributes or usinng init object. Great for Customized text box or text area.",
   "keywords": [
     "resize",
@@ -60,7 +60,7 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/docs": "^1.2.69",
-    "@cocreate/observer": "^1.4.4"
+    "@cocreate/docs": "^1.3.1",
+    "@cocreate/observer": "^1.5.1"
   }
 }

package/src/index.js

@@ -49,6 +49,7 @@ CoCreateResize.prototype = {
             this.Drags = [];
             
             //this is for grid
+            this.isGrid = this.detectGrid();
             this.gridWidth = 0;
             this.gridHeight = 0;
             // this.missingWidth = 0;
@@ -246,14 +247,16 @@ CoCreateResize.prototype = {
         if (e.touches)
             e = e.touches[0];
         left = this.startLeft + e.clientX - this.startX;
+        console.log('left', left)
         width = this.startWidth - e.clientX + this.startX;
 
         if (width < 10)
             return;
-        // this.resizeWidget.style.left = left + 'px';
-        let compStyles = window.getComputedStyle(this.resizeWidget);
-        this.resizeWidget.style.right = compStyles.right;
-        this.resizeWidget.style.left = null;
+        if (!this.isGrid)
+            this.resizeWidget.style.left = left + 'px';
+        // let compStyles = window.getComputedStyle(this.resizeWidget);
+        // this.resizeWidget.style.right = compStyles.right;
+        // this.resizeWidget.style.left = null;
         this.resizeWidget.style.width = width + 'px';
 
         this.setColumnEnd(width);
@@ -277,8 +280,13 @@ CoCreateResize.prototype = {
     },
 
     detectGrid: function() {
-        let compStyles = window.getComputedStyle(this.resizeWidget.parentNode);
-        return (compStyles.display === 'grid') ? true : false;
+        let isGrid = false;
+        if (this.resizeWidget.parentNode) {
+            let compStyles = window.getComputedStyle(this.resizeWidget.parentNode);
+            isGrid = (compStyles.display === 'grid');
+        }
+        this.isGrid = isGrid;
+        return isGrid;
     },
 
     stopDrag: function(e) {
@@ -334,7 +342,6 @@ CoCreateResize.prototype = {
         this.initDrags['left'] = this.initLeftDrag.bind(this);
         this.initDrags['bottom'] = this.initBottomDrag.bind(this);
         this.initDrags['right'] = this.initRightDrag.bind(this);
-
     },
 
     getDistance: function(elem, flag) {