fix: convert from JQury to DOM

Move from Jquery based width() for calculations to dom calls to avoid conflicts with webcomponents.js polyfills

Author: David Morse

dist/jquery.gridster.js

@@ -1,4 +1,4 @@
-/*! gridster.js - v0.6.10 - 2015-06-04
+/*! gridster.js - v0.6.10 - 2015-06-08
 * https://dsmorse.github.io/gridster.js/
 * Copyright (c) 2015 ducksboard; Licensed MIT */
 
@@ -55,8 +55,8 @@
 
         if (el && !update) {
             this.data = el.offset();
-            this.data.width = el.width();
-            this.data.height = el.height();
+            this.data.width = el[0].scrollWidth;
+            this.data.height = el[0].scrollHeight;
         }
 
         if (el && update && !not_update_offsets) {
@@ -120,7 +120,7 @@
             return this.data('coords');
         }
 
-        var ins = new Coords(this, arguments[0]);
+        var ins = new Coords(this);
         this.data('coords', ins);
         return ins;
     };
@@ -4562,7 +4562,7 @@
 	 */
 	fn.get_responsive_col_width = function () {
 		var cols = this.cols || this.options.max_cols;
-		return (this.$el.width() - ((cols + 1) * this.options.widget_margins[0])) / cols;
+		return (this.$el[0].scrollWidth - ((cols + 1) * this.options.widget_margins[0])) / cols;
 	};
 
 	/**

dist/jquery.gridster.min.css

@@ -1,4 +1,4 @@
-/*! gridster.js - v0.6.10 - 2015-06-04
+/*! gridster.js - v0.6.10 - 2015-06-08
 * https://dsmorse.github.io/gridster.js/
 * Copyright (c) 2015 ducksboard; Licensed MIT */
 
@@ -55,8 +55,8 @@
 
         if (el && !update) {
             this.data = el.offset();
-            this.data.width = el.width();
-            this.data.height = el.height();
+            this.data.width = el[0].scrollWidth;
+            this.data.height = el[0].scrollHeight;
         }
 
         if (el && update && !not_update_offsets) {
@@ -120,7 +120,7 @@
             return this.data('coords');
         }
 
-        var ins = new Coords(this, arguments[0]);
+        var ins = new Coords(this);
         this.data('coords', ins);
         return ins;
     };
@@ -4562,7 +4562,7 @@
 	 */
 	fn.get_responsive_col_width = function () {
 		var cols = this.cols || this.options.max_cols;
-		return (this.$el.width() - ((cols + 1) * this.options.widget_margins[0])) / cols;
+		return (this.$el[0].scrollWidth - ((cols + 1) * this.options.widget_margins[0])) / cols;
 	};
 
 	/**

dist/jquery.gridster.min.js

@@ -59,8 +59,8 @@
 
         if (el && !update) {
             this.data = el.offset();
-            this.data.width = el.width();
-            this.data.height = el.height();
+            this.data.width = el[0].scrollWidth;
+            this.data.height = el[0].scrollHeight;
         }
 
         if (el && update && !not_update_offsets) {
@@ -124,7 +124,7 @@
             return this.data('coords');
         }
 
-        var ins = new Coords(this, arguments[0]);
+        var ins = new Coords(this);
         this.data('coords', ins);
         return ins;
     };

dist/jquery.gridster.with-extras.js

@@ -3664,7 +3664,7 @@
 	 */
 	fn.get_responsive_col_width = function () {
 		var cols = this.cols || this.options.max_cols;
-		return (this.$el.width() - ((cols + 1) * this.options.widget_margins[0])) / cols;
+		return (this.$el[0].scrollWidth - ((cols + 1) * this.options.widget_margins[0])) / cols;
 	};
 
 	/**