Multiple values (prefixes) for "display" property is not valid in chrome

[aliry]

Don't know if I'm doing something wrong or ...
I have a style with "display: flex" and Aphrodite output look like this:
display: -webkit-box,-moz-box,-ms-flexbox,-webkit-flex,flex !important

which is not working in chrome and marked as invalid property value!

[xymostech]

@aliry Hello! What version of aphrodite are you using? I think this was a bug caused by our auto-prefixer in version 0.3.0 that was fixed in 0.3.1.

[aliry]

I'm using aphrodite@0.3.1 but it look like version 0.3.1 is not using the latest version of auto-prefixer.
It is using version 1.0.5 while the latest is 2.0.2

Here is what I get from npm list:
+-- aphrodite@0.3.1
| -- inline-style-prefix-all@1.0.5

[aliry]

FYI: I've cloned and built locally and it works fine.
I think you should've bump the version with the latest change in package.json (#71)
The one you made to use the latest version of inline-style-prefix-all

[xymostech]

It doesn't matter as much whether you're using the lastest version of the auto-prefixer, just that you are using a compatible version of aphrodite and the auto-prefixer!

If I do a clean npm install aphrodite, I get the same versions you got, but it generates these styles:

.test_poyjc{display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;}

Can you share a larger example of how you are generating those styles?

[aliry]

Thats right it works with a clean install

Thanks