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.

Sign up for GitHub

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

Jump to bottom

CSS :has() is not supported in Firefox yet #52699

Closed
mirka opened this issue Jul 17, 2023 · 4 comments
Closed

CSS :has() is not supported in Firefox yet #52699

mirka opened this issue Jul 17, 2023 · 4 comments
Labels
Browser Issues Issues or PRs that are related to browser specific problems CSS Styling Related to editor and front end styles, CSS-specific issues. [Type] Bug An existing feature does not function as intended

Comments

@mirka
Copy link
Member

mirka commented Jul 17, 2023

What problem does this address?

CSS :has() is not supported in Firefox yet, meaning that any usage in our codebase will not work in Firefox.

What is your proposed solution?

Remove and avoid usage of :has() until Firefox supports it.
@mirka mirka added [Type] Bug An existing feature does not function as intended Browser Issues Issues or PRs that are related to browser specific problems CSS Styling Related to editor and front end styles, CSS-specific issues. labels Jul 17, 2023
This was referenced Jul 17, 2023
Closed
Merged
@strarsis
Copy link
Contributor

strarsis commented Jul 17, 2023 •
edited
Loading

There is a polyfill for :has (also for Firefox): https://www.npmjs.com/package/css-has-pseudo

But this polyfill adds more CSS and requires a JavaScript runtime. On the other hand, it is a drop-in solution,
which can be easily added and later removed, when Firefox :has support has finally arrived.

@skorasaurus
Copy link
Member

skorasaurus commented Jul 17, 2023 •
edited
Loading

Firefox devs are planning to fully support :has in 2023

@ciampo
Copy link
Contributor

ciampo commented Nov 17, 2023

Firefox 121, which adds support for the :has selector, should be released on the 19th December 2023. How about that for an early Christmas gift?

@mirka
Copy link
Member Author

mirka commented Dec 22, 2023

Firefox 121 has shipped 🚀

@mirka mirka closed this as completed Dec 22, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Browser Issues Issues or PRs that are related to browser specific problems CSS Styling Related to editor and front end styles, CSS-specific issues. [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@mirka @skorasaurus @ciampo @strarsis