autoprefixer icon indicating copy to clipboard operation
autoprefixer copied to clipboard

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

Open vsjov opened this issue 4 years ago • 3 comments

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

vsjov avatar Nov 11 '21 13:11 vsjov

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

ai avatar Nov 11 '21 13:11 ai

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.

vsjov avatar Nov 11 '21 14:11 vsjov

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.

ai avatar Nov 11 '21 15:11 ai