Add 'transform-style: preserve-3d' test - fixes #762

[edmellum]

IE10 doesn't support transform-style: preserve-3d but does support 3D transforms. More info at #762.

[stucox]

As I said in #762, I'd rather do this with testAllProps('transformStyle', 'preserve-3d'), once we've landed PR #933.

[edmellum]

I was unsure of when #933 would land is it's 2 months old and has a lot of commits which is why I did it without testAllProps. I'll just refactor this PR once it lands. 😃

[stucox]

#933 is in master now – can you update your detect to use testAllProps() as I described above @edmellum?

[stucox]

And please add a /* DOC */ comment block.

[stucox]

ping @edmellum

[paulirish]

@edmellum can you update the PR? if not, let us know so someone else can take ownership.

[edmellum]

Just updated to use testAllProps() and /* DOC */ blocks. Sorry this took so long, lost track of the PR.

[darsain]

Is this enough? Have you actually tested it? I don't have IE 10-11 near me, but I've set up a testing page:

http://jsfiddle.net/kjKLW/

With detection as in your PR:

Modernizr.addTest('preserve3d', Modernizr.testAllProps('transformStyle', 'preserve-3d'));

And linked it to a few people with IE 10 & 11, and they are all reporting false positive results. The test reports true when it should be false.

[patrickkettner]

I can confirm a false positive on ie 10 and 11.
looks like a sniff test isn't enough.

[stucox]

That fiddle uses Modernizr 2.6.2, which doesn't have the v3 API changes to Modernizr.testAllProps() we have on master which are required to make this work.

This one does (with a minimal v3.0 build injected), and is true in Chrome 30 and false in IE10/11.

[stucox]

So LGTM 👍 if everyone else agrees?

[darsain]

@stucox awesome! :) What's the ETA for v3?

[edmellum]

Tested it a bit myself just now and it still looks good to me.

[patrickkettner]

Beh, sorry @stucox. Should have looked at that.
@darsain there isn't one at the moment, there are a few things with the website that have been holding up the release