Fix for browser prefixing transform on old but supported browsers (#464)

glidejs · Nov 21, 2021 · 50604e2 · 50604e2
1 parent 33b2eb2
commit 50604e2
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/translate.js b/src/components/translate.js
@@ -10,8 +10,11 @@ export default function (Glide, Components, Events) {
      */
     set (value) {
       let transform = mutator(Glide, Components).mutate(value)
+      const translate3d = `translate3d(${-1 * transform}px, 0px, 0px)`
 
-      Components.Html.wrapper.style.transform = `translate3d(${-1 * transform}px, 0px, 0px)`
+      Components.Html.wrapper.style.mozTransform = translate3d // needed for supported Firefox 10-15
+      Components.Html.wrapper.style.webkitTransform = translate3d // needed for supported Chrome 10-35, Safari 5.1-8, and Opera 15-22
+      Components.Html.wrapper.style.transform = translate3d
     },
 
     /**