Merge pull request #746 from slawexxx44/fix-replacing-translate3d-wit…

…h-translateX tranform3d replaced with transformX
loryjs · Oct 9, 2018 · b569bad · b569bad
2 parents 5c9405f + f8c250f
commit b569bad
Show file tree

Hide file tree

Showing 8 changed files with 383 additions and 409 deletions.
diff --git a/dist/jquery.lory.js b/dist/jquery.lory.js
diff --git a/dist/jquery.lory.min.js b/dist/jquery.lory.min.js
diff --git a/dist/jquery.lory.min.js.map b/dist/jquery.lory.min.js.map
diff --git a/dist/lory.js b/dist/lory.js
diff --git a/dist/lory.min.js b/dist/lory.min.js
diff --git a/dist/lory.min.js.map b/dist/lory.min.js.map
diff --git a/src/lory.js b/src/lory.js
@@ -102,12 +102,7 @@ export function lory (slider, opts) {
         if (style) {
             style[prefixes.transition + 'TimingFunction'] = ease;
             style[prefixes.transition + 'Duration'] = duration + 'ms';
-
-            if (prefixes.hasTranslate3d) {
-                style[prefixes.transform] = 'translate3d(' + to + 'px, 0, 0)';
-            } else {
-                style[prefixes.transform] = 'translate(' + to + 'px, 0)';
-            }
+            style[prefixes.transform] = 'translateX(' + to + 'px)';
         }
     }
 

diff --git a/src/utils/detect-prefixes.js b/src/utils/detect-prefixes.js
@@ -5,7 +5,6 @@ export default function detectPrefixes () {
     let transform;
     let transition;
     let transitionEnd;
-    let hasTranslate3d;
 
     (function () {
         let el = document.createElement('_');
@@ -36,15 +35,13 @@ export default function detectPrefixes () {
         }
 
         document.body.insertBefore(el, null);
-        style[transform] = 'translate3d(0, 0, 0)';
-        hasTranslate3d = !!global.getComputedStyle(el).getPropertyValue(transform);
+        style[transform] = 'translateX(0)';
         document.body.removeChild(el);
     }());
 
     return {
         transform,
         transition,
-        transitionEnd,
-        hasTranslate3d
+        transitionEnd
     };
 }