implemented translate3d (jbaysolutions#96), updated webpack and webpack-dev-server

Author: gmsa

dist/vue-grid-layout.js

@@ -1,6 +1,6 @@
 {
   "name": "vue-grid-layout",
-  "version": "2.1.9",
+  "version": "2.1.10",
   "description": "A draggable and resizable grid layout, as a Vue component.",
   "keywords": [
     "grid",
@@ -40,8 +40,8 @@
     "file-loader": "^0.9.0",
     "vue-loader": "^11.1.4",
     "vue-template-compiler": "^2.2.6",
-    "webpack": "^2.2.1",
-    "webpack-dev-server": "^2.4.2",
+    "webpack": "^3.5.6",
+    "webpack-dev-server": "^2.7.0",
     "vue": "^2.2.6"
   },
   "license": "MIT"

dist/vue-grid-layout.min.js

@@ -408,9 +408,7 @@
                         style = setTransform(pos.top, pos.left, pos.width, pos.height);
                     }
 
-                }
-                // top,left (slow)
-                else {
+                } else { // top,left (slow)
 //                    Add rtl support
                     if (this.rtl) {
                         style = setTopRight(pos.top, pos.right, pos.width, pos.height);

dist/vue-grid-layout.min.js.map

@@ -294,7 +294,7 @@ export function perc(num: number): string {
 
 export function setTransform(top, left, width, height): Object {
   // Replace unitless items with px
-  const translate = "translate(" + left + "px," + top + "px)";
+  const translate = "translate3d(" + left + "px," + top + "px, 0)";
   return {
     transform: translate,
     WebkitTransform: translate,
@@ -317,7 +317,7 @@ export function setTransform(top, left, width, height): Object {
  */
 export function setTransformRtl(top, right, width, height): Object {
     // Replace unitless items with px
-    const translate = "translate(" + right * -1 + "px," + top + "px)";
+    const translate = "translate3d(" + right * -1 + "px," + top + "px, 0)";
     return {
         transform: translate,
         WebkitTransform: translate,