search

LeaVerou / prefixfree

Break free from CSS prefix hell!
http://projects.verou.me/prefixfree/
MIT License
3.83k stars 712 forks source link

filter issue #206

Open edi opened 9 years ago

edi commented 9 years ago

filter attribute is not getting mutated at all. I am using in css filter: blur(5px); and the browser (chrome latest version) fails to parse , since it can read only prefixed -webkit-filter: blur(5px), which works if I write it this way.

felipeduardo commented 9 years ago

"filter: invert()" not also works

edi commented 9 years ago

@felipeduardo , filter property does not work at all.

LeaVerou commented 9 years ago

Yup, that’s a known issue and happens with all the SVG properties that got new syntax and got adopted into CSS. The reason is that PF sees that they are available without a prefix too, so it thinks they don’t need prefixing. We could just prefix them blindly, as long as the prefixed version is available, but I’m worried that once browsers start unprefixing them, we will end up using the worse implementation of the two. Also, it might break uses of them in actual SVG, but I haven't tested that. Ideally, PF should look at the entire definition and check if that’s valid without a prefix, but I’m worried about performance. In any case, I consider this one of the of the biggest PF issues currently and I really want to find a way to solve it. It bugs me a lot too. :(

nick4fake commented 9 years ago

Prefixfree is useless due to this bug, as we need prefixer on server-side because of this.

edi commented 9 years ago

Not really useless, I use it on almost every project of mine, and where it comes to filter and stuff I just manually insert the prefixes.