flex-gap-polyfill icon indicating copy to clipboard operation
flex-gap-polyfill copied to clipboard

postcss-values-parser can't parse IE filter values, so need some way to pass through ignoreUnknownWords option

Open jayandor opened this issue 1 year ago • 1 comments

If you write a CSS rule that looks like the following:

.thing {
  height: 100px;
  filter: alpha(opacity=80);
}

Or like this:

.thing {
  height: 100px;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

then postcss-values-parser gets caught on the values with the equal sign and fails. The obvious answer is just don't use these outdated values, but unfortunately I don't have an option as they're included in vital dependencies on my project.

I see that postcss-values-parser has an ignoreUnknownWords option for the parse() method, but I can't see any way in this module to pass it through. It would be great if either you could expose that option, or if you already know of some other way to get around the parsing issue.

jayandor avatar Mar 19 '24 02:03 jayandor

Good spot. Let me look at this weekend a d vet back to you.

gavinmcfarland avatar Mar 20 '24 23:03 gavinmcfarland

This issue was fixed in the latest release. Apologies it took so long to get round to. Thanks for reporting it!

gavinmcfarland avatar Jul 31 '24 13:07 gavinmcfarland