🚀 - Revisit webkit/moz specific selectors in core/mixins
evantrimboli opened this issue · comments
Description
When building with Angular 18 and the new build process, a bunch of warnings are displayed:
[tuiAppearance][data-appearance=accent]:-webkit-any(a,button,select,textarea,input,label):not([data-state]) -> Unknown pseudo-class :-webkit-any
[tuiAppearance][data-appearance=accent]:-moz-any(a,button,select,textarea,input,label):not([data-state]) -> Unknown pseudo-class :-moz-any
It seems like it should be safe to use the :is() selector that the comments mention: https://developer.mozilla.org/en-US/docs/Web/CSS/:is
We cannot because we need to support Safari 13 which only supports -webkit-any. There's nothing wrong with this selector, it's a bug on Angular CLI/Critters side, you can voice your concern here:
angular/angular-cli#25725