Linting

Author: STRML

.eslintrc

@@ -0,0 +1,16 @@
+{
+  "rules": {
+    "strict": 0,
+    "quotes": ["single"],
+    "curly": "multi-line",
+    "camelcase": 0,
+    "no-use-before-define": "nofunc",
+    "no-underscore-dangle": 0,
+    "no-unused-vars": 0,
+    "new-cap": 0
+  },
+  env: {
+    "browser": true,
+    "node": true
+  }
+}

lib/draggable.js

@@ -41,8 +41,10 @@ function findInArray(array, callback) {
   }
 }
 
+var matchesSelectorFunc = '';
 function matchesSelector(el, selector) {
-  var method = findInArray([
+  if (!matchesSelectorFunc) {
+    matchesSelectorFunc = findInArray([
       'matches',
       'webkitMatchesSelector',
       'mozMatchesSelector',
@@ -51,8 +53,9 @@ function matchesSelector(el, selector) {
     ], function(method){
       return isFunction(el[method]);
     });
+  }
 
-  return el[method].call(el, selector);
+  return el[matchesSelectorFunc].call(el, selector);
 }
 
 /**
@@ -187,8 +190,10 @@ function snapToGrid(grid, pendingX, pendingY) {
 }
 
 // Useful for preventing blue highlights all over everything when dragging.
-var userSelectStyle = ';user-select: none;-webkit-user-select:none;-moz-user-select:none;' +
-  '-o-user-select:none;-ms-user-select:none;';
+var userSelectStyle = ';user-select: none;';
+if (browserPrefix) {
+  userSelectStyle += '-' + browserPrefix.toLowerCase() + '-user-select: none;';
+}
 
 function addUserSelectStyles(draggable) {
   if (!draggable.props.enableUserSelectHack) return;
@@ -206,14 +211,13 @@ function createCSSTransform(style) {
   // Replace unitless items with px
   var x = style.x + 'px';
   var y = style.y + 'px';
-  return {
-    transform: 'translate(' + x + ',' + y + ')',
-    WebkitTransform: 'translate(' + x + ',' + y + ')',
-    OTransform: 'translate(' + x + ',' + y + ')',
-    msTransform: 'translate(' + x + ',' + y + ')',
-    MozTransform: 'translate(' + x + ',' + y + ')'
-  };
+  var out = {transform: 'translate(' + x + ',' + y + ')'};
+  // Add single prefixed property as well
+  if (browserPrefix) {
+    out[browserPrefix + 'Transform'] = out.transform;
   }
+  return out;
+}
 
 
 //