TFW:
- you have what looks like a bug
- you put in some logging
- you DO NOT have a bug
- you remove the logging
- you have what looks like a bug

#webDev #testTheWebForward

Inversely, I love, love, love how this "just works™️" in #chromium 😍

https://codepen.io/Westbrook/pen/XJKyebR

Where's my #webkit and #mozilla peeps at?!?

You're seeing that right, `:host(:has(...))` and `:host:has(...)` are different, in a good way, but supported differently across browsers, in a bad way. Let's go head a build ALL the things that are meant to be in the browser. Not just some.

Pretty please 🙏

#webDev #CSS #CSSWG #webComponentsCG #testTheWebForward #developingDesignSystems

Host can :has() it's shadow dom children.

...

Host can :has() it's light dom children.

...

#playwright _IS_ a browser.

The fact that it cannot see what a browser sees is...disappointing, at best.

If the browser can build the correct AccessibiliTree from the code to pass on to the Assistive Technology of your visitors choice, why can't Playwright? I just want to test my apps that way an actual visitor would use them and not with some alternate interpretation. Alas.

https://github.com/microsoft/playwright/issues/34264

#webDev #a11y #testTheWebForward

[Bug]: `toMatchAriaSnapshot` does not respect `ElementInternals` · Issue #34264 · microsoft/playwright

Version 1.49.1 Steps to reproduce https://github.com/mrginglymus/pw-asei This repo contains a custom element that sets role to heading on its ElementInternals instance. Inspecting this element in c...

GitHub
scrollend | Can I use... Support tables for HTML5, CSS3, etc

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

Writing tests this Tuesday morning. 😁

Forgot how nice it is to _be sure_ the code your team writes works!

#webDev #testTheWebForward #tuesdaysWeWearTests

Because the world should be a slightly better place, and that includes the often greater that 1/3 of my week where working is happening, let people know how you feel about HTML at https://survey.devographics.com/en-US/survey/state-of-html/2025/ Future us's will thank us. 🤨

#webDev #webComponents #webComponentsCG #testTheWebForward

State of HTML 2025

Take the State of HTML survey

State of HTML 2025

@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 491 other members and enjoy free voice and text chat.

Discord