From a7ba4c99d5b40d734660044f89b8b711d2712020 Mon Sep 17 00:00:00 2001 From: Robert Reinhard Date: Mon, 16 Jan 2012 19:36:57 -0800 Subject: [PATCH] Fixing scales in Chrome We've seen the 3D version of Scale() not work in Chrome when the element being scaled extends outside of the viewport. Thus, we're forcing Chrome to not use the 3d transforms as well. Not sure if translate is affected, but not risking it. --- jquery.transit.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/jquery.transit.js b/jquery.transit.js index b06c339..77c72df 100644 --- a/jquery.transit.js +++ b/jquery.transit.js @@ -100,7 +100,11 @@ if (!(value instanceof Transform)) value = new Transform(value); - if (support.transform == 'WebkitTransform') + // We've seen the 3D version of Scale() not work in Chrome when the element being scaled extends outside of + // the viewport. Thus, we're forcing Chrome to not use the 3d transforms as well. Not sure if translate is + // affectede, but not risking it. Detection code from http://davidwalsh.name/detecting-google-chrome-javascript + var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; + if (support.transform == 'WebkitTransform' && !is_chrome) elem.style[support.transform] = value.toString(true); else elem.style[support.transform] = value.toString();