postcss / autoprefixer

Parse CSS and add vendor prefixes to rules by Can I Use
https://twitter.com/autoprefixer
MIT License
21.58k stars 1.25k forks source link

-ms-grid... is being added when IE and legacy edge are disabled #1432

Open Vlasterx opened 2 years ago

Vlasterx commented 2 years ago

It seems that these rules are being added to CSS even if IE or legacy edge are encompassed by the rules -ms-grid-row:, -ms-grid-column and -ms-grid-column-span

I was using last 2 versions and not dead and >0.2% and not ie <= 11 and not edge < 94

https://caniuse.com/mdn-css_properties_-ms-grid-row

ai commented 2 years ago

Run npx browserslist i your project to get browser’s versions

Vlasterx commented 2 years ago

I get this

and_chr 95
and_ff 92
and_qq 10.4
and_uc 12.12
android 95
baidu 7.12
chrome 95
chrome 94
chrome 93
chrome 92
edge 95
edge 94
firefox 94
firefox 93
firefox 92
firefox 78
ie 11
ios_saf 15
ios_saf 14.5-14.8
ios_saf 14.0-14.4
ios_saf 12.2-12.5
kaios 2.5
op_mini all
op_mob 64
opera 81
opera 80
opera 79
safari 15
safari 14.1
safari 13.1
samsung 15.0
samsung 14.0

When running with the rule above, I get this:

and_chr 95
and_ff 92        
and_uc 12.12     
chrome 95        
chrome 94        
edge 95
edge 94
firefox 93       
ios_saf 15       
ios_saf 14.5-14.8
op_mini all      
opera 80
safari 15        
safari 14.1      
samsung 15.0     
samsung 14.0

No IE in this group, but the prefixes are still inserted.

ai commented 2 years ago

There is ie 11 in first output.

Seems like you have some problem with Browserslist config.

Where do you put last 2 versions and not dead and >0.2% and not ie <= 11 and not edge < 94? Show the config.