New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modernizr.csstransforms3d returns false negative in chrome #590

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

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

This comment has been minimized.

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

This comment has been minimized.

Member

ryanseddon commented May 15, 2012

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

@applecat

This comment has been minimized.

applecat commented May 30, 2012

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

This comment has been minimized.

dvermaasen commented Jun 8, 2012

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

This comment has been minimized.

Member

ryanseddon commented Jun 9, 2012

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

@dvermaasen

This comment has been minimized.

dvermaasen commented Jun 9, 2012

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

This comment has been minimized.

dvermaasen commented Jun 11, 2012

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

This comment has been minimized.

Member

ryanseddon commented Jun 12, 2012

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

This comment has been minimized.

brianfreud commented Jun 12, 2012

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

This comment has been minimized.

Member

ryanseddon commented Jun 12, 2012

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

@stucox

This comment has been minimized.

Member

stucox commented Jan 21, 2013

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

@paulirish

This comment has been minimized.

Member

paulirish commented Jan 22, 2013

@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

This comment has been minimized.

Aetherpoint commented Apr 11, 2013

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

This comment has been minimized.

maelp commented May 3, 2013

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

@nikolas

This comment has been minimized.

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

This comment has been minimized.

rbell01824 commented Jan 13, 2014

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?

@stucox

This comment has been minimized.

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 comment has been minimized.

Lisa-Williams commented May 20, 2014

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

This comment has been minimized.

Lisa-Williams commented May 21, 2014

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

This comment has been minimized.

LordZardeck commented Jun 18, 2014

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

This comment has been minimized.

Member

patrickkettner commented Jun 18, 2014

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

thanks!

@MaikelGG

This comment has been minimized.

MaikelGG commented Jun 27, 2014

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

@jedierikb

This comment has been minimized.

Contributor

jedierikb commented Dec 4, 2015

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