When is :has() css selector going to be fully implemented in Firefox?

[stratboy]

I'd like to ask devs when they think :has css selector will be finally fully implemented in firefox. In fact, it's the only browsers blocking this revolution in css authoring.

[woomiz]

I need that 2.11%, I hope you guys get this feature out soon. It's a game-changer property. Time to scratch your butt and start coding haha, All the support to every developer at Mozilla 😊

[napotopia]

@Honza Thank you so much for your update and thanks to the entire Mozilla team for their continued effort in bringing support for the :has() selector into Firefox. ❤️

[WorkSnakes]

@woomiz is that 2.11% global users of the :has() feature or of the browser?

[bkemper]

---

is that 2.11% global users of the :has() feature or of the browser?

---

2.11% have that version of Firefox. About 2.5% have any version of Firefox. No version of Firefox supports this feature yet, except behind a flag.

---

people would have to wait quite a while before they could use it in production on commercial projects anyways

---

Not so. I'm using it somewhat frequently in Production. I use it as progressive enhancement for places where I can't change the otherwise inadequate HTML being used (a common problem I have no control over), where :has() is the only way to select just what I want. Those few users who have older versions of browsers or who have current versions of Firefox are just going to have a worse UI, but no worse than if I didn't use :has() at all.

AITA? I get that Mozilla can have more than one high priority going at the same time, but it is frustrating to see them fall behind when their competition seems to have already solved the same problems Mozilla is still struggling with. That's it. I do also appreciate the effort currently being put into this, and those who are working on it.

[teuna]

we use Firefox ESR on 100% of our clients because it rocks

[alexlehner86]

First of all, I'd like to express my support for all Firefox developers who are hard at work at implementing the :has pseudo class. I'm sure you're hard at work and I look forward to seeing this awesome feature being supported by Firefox soon.

Now, I have a request: Could you communicate you're progress on implementing the :has pseudo class more regularly and clearly? I've been following the corresponding bug for months now and updates come very sporadically. Right now, the last comment was made a month ago: https://bugzilla.mozilla.org/show_bug.cgi?id=418039

Achieving cross-browser support for :has is an explicit goal of Interop 2023 (https://wpt.fyi/interop-2023). This new pseudo-class enables web devs to write more efficient and performant CSS. It's a true game changer. Please Mozilla, let us know how far along you are and keep us up to date. 😉

[superpensando]

Hi community!

I need to know the date when :has css selector will works in firefox. 

[napotopia]

@superpensando I am not a Mozilla representative but my understanding is that there's no date because the bug to implement the `:has()` selector is still being worked on. You can follow progress along by looking at the dependencies (search for "Depends On:") to get an idea about what other bugs still need to be resolved. You can also follow Firefox Release Trains to see where in the release cycle they are at any given point. 

[Honza]

The latest update from the team working on the CSS :has() feature indicates that its implementation is expected to be included in Firefox 120.

Please note that due to the size and scope of the project, the timeline may shift. We greatly appreciate your patience and understanding.

[PennyF]

It's insane how the browser that once led the pack is now running so far behind everyone else. I keep running across things like this. This is creating a huge headache for me, it's like we've gone back to the days where you had to write separate code for IE, but now, Firefox is the one that that you wish everybody would just stop using so you wouldn't have do code browser-specific hacks. .

[Honza]

Support for CSS :has() has been enabled in Firefox 119 (Nightly channel atm)

You might also look at this bug/comment:

https://bugzilla.mozilla.org/show_bug.cgi?id=1853701#c8

[Honza]

Support for CSS :has() has been enabled in Firefox 119 (Nightly channel atm)

You might also look at this bug/comment

https://bugzilla.mozilla.org/show_bug.cgi?id=1853701#c7

[stratboy]

😊💙

[Kirin-808]

Thanks for bringing this game changer earlier, much appreciated!

[rcarvalheira]

Great news! If no setback is found, how long would it usually take to go from Nightly to the production version?