westbrook

It's happening-meme!!! 💣

#webComponents #hasSlotted #CSSWG #webComponentsCG #theFuture

Oct 3, 2024 at 5:22pmWeb
Show threadwestbrookOct 12, 2024

Now it's happening in Firefox Nightly, too, behind the `layout.css.has-slotted-selector.enabled` flag. @keithamus is a beast!! 🤘

It's this is fully shipped x-browser before Interop 2025 starts, they'll definitely pick it...if nothing else than to pad their stats!! 🤣

#webComponents #webComponentsCG #CSSWG

Show threadHubert SablonnièreOct 13, 2024
@westbrook @keithamus Do you have a link to the draft?
Show threadwestbrookOct 13, 2024
@hsablonniere @keithamus draft of which?
Show threadHubert SablonnièreOct 13, 2024

@westbrook @keithamus sorry, I was not clear enough,I was looking for this

https://drafts.csswg.org/css-scoping/?utm_source=recordnotfound.com#the-has-slotted-pseudo

CSS Scoping Module Level 1

Show threadHubert SablonnièreOct 13, 2024
@westbrook @keithamus we created a lit directive while we wait for this really good proposition 😉 We'll also need to wait a bit for a better support of :has for our use case
Show threadwestbrookOct 13, 2024

@hsablonniere @keithamus I too have used many a JS solutions for :has-slotted and an exited for them to die in fire!!

The workaround for :has are at least less heavy, though using it if either side of the :host barrier is gonna be awesome 🤘

Show threadThe Spicy WebOct 3, 2024
@westbrook 🎊
Show threadVint ProxOct 3, 2024
@westbrook What is happening?
Show threadwestbrookOct 3, 2024
@vintprox The `:has-slotted` selector is landing in Chrome Canary behind a flag. Just landed in the spec last week after much ado and now implementations starting to landing in browsers. 👏 👏 👏 👏