search

taiga-family / taiga-ui

Angular UI Kit and components library for awesome people
https://taiga-ui.dev
Apache License 2.0
3.21k stars 443 forks source link

🚀 - Revisit webkit/moz specific selectors in core/mixins #7565

Closed evantrimboli closed 4 months ago

evantrimboli commented 4 months ago

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

waterplea commented 4 months ago

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: https://github.com/angular/angular-cli/issues/25725