@webkit Also, while I'm here, #firefox #mozilla @FirefoxDevTools where's my support for `:host:has(...)` at!?!

#testTheWebForward #webComponent

Who can tell which is correct?

When visiting https://codepen.io/Westbrook/pen/gbpMbrb should there be four red squares (Blink) or four vertical red bars/lines (FF/WebKit)?

Not sure which is the bug to submit one. Help!

#cssWG #testTheWebForward #browserWars

If you like this sort of #webComponents content, or are diving into consuming/developing a myriad of new or long standing APIs available as web components, come join the conversation around making them better at https://discord.gg/kbba8cKPg9

#webComponentsCG #webDev #testTheWebForward

Join the Web Components Discord Server!

Check out the Web Components community on Discord - hang out with 462 other members and enjoy free voice and text chat.

Discord

@matuzo Shadow DOM isn’t the only part of the platform that #webComponent popularity is adding pressure on automated tools to support. Things like Element Internals are getting left off the menu in many places, like https://github.com/dequelabs/axe-core/issues/4259, just as they and soon things like Reference Targets start to expand as well. 🥺

#webDev #a11y #testTheWebForward

Custom Elements using `ElementInternals` to set `role` are flagged when `aria-label` is provided · Issue #4259 · dequelabs/axe-core

Product axe-core Product Version 4.8.2 Latest Version I have tested the issue with the latest version of the product Issue Description We are currently migrating our Web Component library to use th...

GitHub

Perf test your website/app on cell service while you wait for you dentist. It’ll either feel horrible, getting you ready for the cleaning, or feel great, getting you ready for the cleaning. The change I’m making appears to give ~5s back to visitor by not rendering a bunch of unnecessary UI. AND, there’s more work to be done!

Clear teeth, clean web.

#perfTricks #testTheWebForward #webDev

Added a bunch of new tests, results, and thoughts. Hope you'll take a look at share the results you're seeing when testing locally!

#testTheWebForward #statistics #areYouAWebComponent #areYouACustomElement

@pablolarah @eric @piccalilli Can’t wait till all browsers support `:host(:has(…))` the way #webkit does and #mozilla partially does so that this is even more natural for #webComponent development, too.

https://wpt.fyi/results/css/css-scoping?label=master&label=experimental&aligned&q=host%20has-0

#testTheWebForward #whereIsChromium #CSWG

web-platform-tests dashboard

I love it when a plan comes together!!

`:host:has(...) {}` is now shipping in Chromium! 🪄 💫 ✨

https://issues.chromium.org/issues/359758910

#webComponentCG #CSSWG #testTheWebForward

Chromium

If you're into using `@property {}` declarations with `light-dark()` values, you may want to track this issue in #firefox ...

https://bugzilla.mozilla.org/show_bug.cgi?id=1924562

Seems to get stuck in the "light" value when defined by `@property {}` 😞

#testTheWebForward #css

1924562 - @property definitions disrupt light-dark() value application on CSS Custom Variables

UNCONFIRMED (nobody) in Firefox - Untriaged. Last updated 2024-10-14.