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

#csswg and #webDev friends... is there a reasonable world wherein we reconciled `ArrowLeft/Right/Up/Down` input with `scroll-snap-type: x mandatory;` output in a way that was..._more_ expected?

So, a CSS --custom-property can't be used in a @media query because it's scoped to the element where it's declared, the highest in the hierarchy being :root. But what about ones with workable initial-values registered with @property?

Doesn't seem to work with Firefox Dev Ed at the time of writing but couldn't they though? Could this be on the way? Anyone? My search-fu is off.

#CSS #CssWg

TFW...

You get all ramped up to use awesome #CSSWG features like Anchor Position and #OpenUI features like #popover and you run into nuanced blockers point you towards having to go back to the bad old days... 😖

Hello `transform: ...` and wanting to break clipping but only _some_ stacking. 🤔

Also, I've love to have the Popover API in CSS so that I could pop a pseudo element over my UI. 🤞

#webDev #CSS #isItTheFutureYet

New blog post: “Fit-to-Width Discussions & Feedback”

https://blog.kizu.dev/fit-to-width-discussions-and-feedback/

A bit less than a year ago, I published my “Fit-to-Width Text: A New Technique” article. Since then, CSSWG resolved to start working on it, and, following this, two things happened: a discussion of its potential accessibility issues, and an intent to prototype it from Google.

I have some thoughts, feedback, and ideas about both of these, so here is a post!

#Accessibility #CSSWG #Typography #CSS

here's a github issue asking for css legend & fieldset to be included proposed form styling improvements. pile on if you want to be able to style that legend properly!!! https://github.com/w3c/csswg-drafts/issues/11983 #css #cssWg

A new #CSSWG proposal for layout looks ... interesting.

#CSS #WebDev

https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/

#Development #Proposals
How do we evolve CSS logical shorthands? · There are options, but one major roadblock https://ilo.im/1630tm

_____
#CSS #Shorthand #LogicalProperties #Specification #CSSWG #W3C #WebDev #Frontend

One of the main reason for some inaccessible custom web UI frameworks is that, it is impossible to style some form controls to make them look alike in all platforms and browsers.

The #CSSWG folks have created a working draft to make the form control styling possible.

https://www.w3.org/TR/2025/WD-css-forms-1-20250325/

#accessibility #html5 #CSS #FormControls

OK, #CSSWG folks, whose brilliant idea was it to make auto-generated heading IDs for anchor links in the CSS spec end with ① or ② or ⑤ characters (for the 1st, 2nd, or 5th heading in a section without an otherwise specified ID).

Looks very cute in a URL bar, but gets copy & pasted as URL encoded character barf. And then there's the likely screen-reader mangling of special characters.

This had better be for Editor's drafts only & prompt a warning to add custom IDs before publication.

🤨

Hey #CSS friends. 👋 Do we expect View Transitions to bork `background-filter` rules? Pending issue? Known workaround?

Asking for a friend.

#webDev #CSSWG #viewTransitions

Downside: missed plane BOS->SFO because wheelchair arrived too late.
Upside:
https://www.chase.com/travel/guide/experiences/boston-sapphire-lounge

(will still make first day of #csswg meeting tomorrow)

The #csswg has published CSS Color HDR 1. This gives a way to control the presentation of HDR content such as video, images etc and also adds several HDR colorspaces to CSS (in addition to the WCG but SDR colorspaces that already exist). #css

https://www.w3.org/TR/css-color-hdr-1/

“Three straw polls is a bad measure of time”

– @famulimas at today’s #CSSWG meeting.

Does your app have excellent `:focus-visible` states?

Are they the sort of fancy something or other that extends beyond the padding-box of the currently focused element? Read: outline with outline-offset or similar.

Do you notice how those element within a CSS clipping element get...clipped?

What do you do in the face of this reality?

Should we be able to promote elements to the top layer (https://developer.mozilla.org/en-US/docs/Glossary/Top_layer) via CSS to mitigate this sort of thing?

#CSS #CSSWG #OpenUI #a11y

@konnorrogers @ryantownsend @noleli I would ❤️ the heck out of an issue like that...

https://github.com/w3c/csswg-drafts/issues/new

#CSSWG #webComponentsCG #theFuture

#Development #Debates
Should masonry be part of CSS grid? · Exploring two CSS syntaxes for waterfall layouts https://ilo.im/160my8

______
#Layout #Masonry #UseCase #CssGrid #CSS #CSSWG #Specification #WebDesign #WebDev #Frontend

So, it looks like `:host:has()` will be landing in Chrome 131 stable! 🥳

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

See "This is styled text!" in green.

When can we get `:has-slotted` landed? It's behind a flag in Canary, and it works great! 🙏

See "This is extra special styled text!" in green and bold!

#webComponents #CSSWG #CSS

Does anyone know if there's active spec work going into a `matchMedia()` (https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) equivalent object for Container Style Queries (https://caniuse.com/css-container-queries-style)?

I'm thinking about when Content-Aware Components will be able to pass their knowledge about state down to child elements with CSS Custom Properties and have the JS be reactive to that data in cases where the actual DOM should change based on that state.

#CSSWG #DOMWG

Hey #CSS people, or #CssWg people --

I know there's discussion about light-dark() eventually being able to do more than just colours. And that in another part of CSS, maybe container queries could include state (like is sticky thing stuck) - mostly I'm like Oooh, could it also get color-scheme state?

Where would I best look up discussions or articles about such things?

Thank yoouuu