Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
evantrimboli opened this issue May 29, 2024 · 1 comment
Closed

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

evantrimboli opened this issue May 29, 2024 · 1 comment

Comments

@evantrimboli
Copy link
Contributor

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
Copy link
Collaborator

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

2 participants