Modernizr.csstransforms3d returns false negative in chrome #590

Closed
karnold opened this Issue May 15, 2012 · 23 comments

Projects

None yet
@karnold
karnold commented May 15, 2012

Using chrome v18.0.1025.168 Modernizr.csstransforms3d returns false even though the browser can support 3d transforms. works fine in safari though.

@karnold
karnold commented May 15, 2012

updating to 19.0.1084.46 didnt seem to help either.

output from the javascript console:

Modernizr.csstransforms
true
Modernizr.csstransforms3d
false

@ryanseddon
Member

What version are you using? Can you please create a testcase.

@applecat

I have the same issue too. Chrome version 19.0.1084.46, Modernizr 2.5.3.
Modernizr add no-csstransforms3d class in , but there is support of Transforms 3D in Chrome.
In Safari works fine.

@dvermaasen

Chrome Version 19.0.1084.52; Ubuntu 10.10; Modernizr 2.5.3
Had this problem once, then it disappeared for no reason. Was working for a couple of days, today it returned.
Created a test page, which confirmed the problem:

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="modernizr-2.5.3.js"></script>
</head>
<body>
  <div id="1"></div>
  <script type="text/javascript">
    document.getElementById('1').innerHTML = "csstransforms3d: " + Modernizr.csstransforms3d
  </script>
</body>
</html>

FF 12.0 delivers correct values.
A coworker is running the current version of Chrome (but on Windows7) too, but receives a correct value. Chromium (17.0.963.65 (Developer-Build 124586 Linux)) is also creating wrong values.

Any other stuff needed?

@ryanseddon
Member

This could be similar issue to #588. Do you have adblock extension?

@dvermaasen

Running the posted example on Win7 with Chrome 19.0.1084.52 m on my private machine. Working for this one.
Not sure about adblock, will test it on monday.

@dvermaasen

Okay, just checked about the adblock extension:

"Boo... You have no extensions :-( Want to browse the gallery instead?"

So no extensions, any other possible error reasons?

@ryanseddon
Member

Ok so I've put a simple little test case together and have seperated out various bits of the 3d test we use. I get all green in Chrome 19.0.1084.56 m and Chrome 21.0.1158.0 canary on Win7

http://jsfiddle.net/ryanseddon/6CCrv/3/

Can you try that on the machines that a failing and let me know what is failing in the above test case.

@brianfreud

Chrome 20.0.1132.27 beta on linux:
Simple tests
green: "webkitPerspective" in document.documentElement.style
red: @media (transform-3d),(-webkit-transform-3d){} support

Modernizr 3d tests
red: Modernizr.csstransforms3d
green: Modernizr.testAllProps('perspective');
red: Modernizr.testStyles('@media (transform-3d),(-webkit-transform-3d)...);

@ryanseddon
Member

Found this bug which describes the 3d media query failing as it does in some versions of Chrome. http://crbug.com/129004

@stucox
Member
stucox commented Jan 21, 2013

Can this be closed then, as it looks like it's a Chromium bug?

@paulirish
Member

@stucox can you submit a PR to add a code comment to this detect that documents this FP? we're going to try to document all FP's in the test source now..
then we can kill this ticket and track upstream.

@Aetherpoint

Getting a false negative here:
http://www.aetherpoint.com/

On Chrome Version 26.0.1410.65

For some reason this example is working, despite a similar set up: http://dbushell.github.io/Responsive-Off-Canvas-Menu/step4.html

@maelp
maelp commented May 3, 2013

Getting a false negative on Windows 7 & Chrome 27.0 (under Browserstack.com)

@stucox stucox closed this in #953 May 28, 2013
@nikolas
nikolas commented Oct 29, 2013

This seems to occur for me in Windows and Linux more than OS X. Modernizer.csstransforms3d is false on the Modernizr test suite in Ubuntu 13.10, Chromium 29.

This issue in the chrome bug tracker was last updated in May.

@rbell01824

Issue exists on Chrome Version 28.0.1500.71 Built on Ubuntu 13.04, running on LinuxMint 15 (28.0.1500.71-0ubuntu1.13.04.1). http://jsfiddle.net/ryanseddon/6CCrv/3/ reports:

green: "webkitPerspective" in document.documentElement.style
red: @media (transform-3d),(-webkit-transform-3d){} support

red: Modernizr.csstransforms3d
green: Modernizr.testAllProps('perspective');
red: Modernizr.testStyles('@media (transform-3d),(-webkit-transform-3d)...);

Is there a patch/workaround?

@rbell01824 rbell01824 referenced this issue in codrops/MultiLevelPushMenu Jan 13, 2014
Open

Not working properly in my Ubuntu chrome sometime.. #3

@stucox
Member
stucox commented Jan 13, 2014

Not that we know of :-( Help us hassle the Chrome team to get this sorted! https://code.google.com/p/chromium/issues/detail?id=129004

@Lisa-Williams

This is still happening: no-csstransforms3d when it is supported by Chrome.
A few months ago I switched design and development to Linux (from Windows 7). And I thought, well it's one of the things I have to live with, until I bumped into this issue.

The funny thing is that when I just comment the check for the Modernizr class in my JS, to apply the 3D transform anyway, it works as expected. With: this.style.WebkitTransform = 'translate3d(' ............
When I boot into Windows 7 to test in IE9, and also do a quick test in Chrome, Modernizr (in Chrome) detects : ccstransforms3d with the exact same webpage and hardware.

Chrome on Linux (See UA string) :
Modernizr in Chrome on Linux - no-csstransforms3d false positive

@Lisa-Williams

I just found and tested this Gist to be working on Linux and Windows : https://gist.github.com/lorenzopolidori/3794226
It was linked from here : http://stackoverflow.com/a/12621264/1842123

@LordZardeck

Having the same issue. An page inside an iframe detected there was no csstransform3d feature available, while the iframe's parent did. Using Chrome Version 35.0.1916.153 on Debian 7.

@patrickkettner
Member

Could you open up a new issue if you are having one?

thanks!

@MaikelGG

I had the same issue and solved it by removing the async attribute from the script element: http://davidwalsh.name/html5-async

@jedierikb
Contributor

getting the same problem in dec 2015 on iFrame on chrome 42 mac

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment