Una Kravets
@una.im
Making the web more stylish ✨🎨 DevRel Lead for CSS & Web UI @ Google Chrome. Cohost of the CSS Podcast & host of Designing in the Browser. 🌎 una.im
Yes, it was just resolved last week in the CSSWG to be added to the spec. That means we can ship it! I think there's some more work to be done but I don't have a timeline
February 6, 2026 at 5:24 PM
Yes, it was just resolved last week in the CSSWG to be added to the spec. That means we can ship it! I think there's some more work to be done but I don't have a timeline
Yesss the gap is nice too!
February 5, 2026 at 11:24 PM
Yesss the gap is nice too!
Built that demo for him basically :)
February 5, 2026 at 11:06 PM
Built that demo for him basically :)
You can use optgroup with labels on select and you’ll get a fallback that looks like a current (non-custom) select
February 4, 2026 at 7:27 PM
You can use optgroup with labels on select and you’ll get a fallback that looks like a current (non-custom) select
::picker() is technically a popover but there is some interaction weirdness (see github.com/whatwg/html/...), which stretches to closePopover(). One way to programmatically close it would be to open (& close) another auto popover to close it (though this is super hacky & we need a better solution)
Selects interplay with popover is sometimes surprising. · Issue #12099 · whatwg/html
What is the issue with the HTML Standard? <!doctype html> <select> <option>One</option> <option>Two</option> <option>Three</option> </select> <select id="s2"> <option>One</option> <option>Two</opti...
github.com
February 3, 2026 at 7:16 PM
::picker() is technically a popover but there is some interaction weirdness (see github.com/whatwg/html/...), which stretches to closePopover(). One way to programmatically close it would be to open (& close) another auto popover to close it (though this is super hacky & we need a better solution)
I noticed it as one of the first things that stood out when I played with the feature and reported it internally too
February 2, 2026 at 2:20 PM
I noticed it as one of the first things that stood out when I played with the feature and reported it internally too
And the full thing: codepen.io/una/pen/YPWe...
border-shape chevron nav
...
codepen.io
January 30, 2026 at 8:14 PM
And the full thing: codepen.io/una/pen/YPWe...
Here it is: codepen.io/una/pen/NPry...
January 30, 2026 at 7:50 PM
Here it is: codepen.io/una/pen/NPry...
Maybe give it a week or two then 😅
January 30, 2026 at 7:46 PM
Maybe give it a week or two then 😅
Right?! Makes a big difference
January 30, 2026 at 7:29 PM
Right?! Makes a big difference
Yep! You’ll be able to do that with border shape!
January 30, 2026 at 7:28 PM
Yep! You’ll be able to do that with border shape!
+1 I feel like thats a given for these kinds of things 😅
January 30, 2026 at 7:16 PM
+1 I feel like thats a given for these kinds of things 😅
Link to demo (latest Canary only): codepen.io/una/pen/RNRQ...
The code for the shape() inside of border-shape looks crazy, so I built a little tool to simplify it: codepen.io/una/pen/bNeL...
Again, still a very WIP API. There are bugs 🐞. Hit me up if you run into them or bug @nomster.bsky.social
The code for the shape() inside of border-shape looks crazy, so I built a little tool to simplify it: codepen.io/una/pen/bNeL...
Again, still a very WIP API. There are bugs 🐞. Hit me up if you run into them or bug @nomster.bsky.social
border-shape + anchored CQ
...
codepen.io
January 30, 2026 at 7:12 PM
Link to demo (latest Canary only): codepen.io/una/pen/RNRQ...
The code for the shape() inside of border-shape looks crazy, so I built a little tool to simplify it: codepen.io/una/pen/bNeL...
Again, still a very WIP API. There are bugs 🐞. Hit me up if you run into them or bug @nomster.bsky.social
The code for the shape() inside of border-shape looks crazy, so I built a little tool to simplify it: codepen.io/una/pen/bNeL...
Again, still a very WIP API. There are bugs 🐞. Hit me up if you run into them or bug @nomster.bsky.social
Also browser support might take a bit but it’s a good progressive enhancement! Especially for basic things like the demo in my video
January 30, 2026 at 2:32 PM
Also browser support might take a bit but it’s a good progressive enhancement! Especially for basic things like the demo in my video
I’ll let yall know when it’s shipping but it’s looking good :) was stalled in the WG for a bit
January 30, 2026 at 2:30 PM
I’ll let yall know when it’s shipping but it’s looking good :) was stalled in the WG for a bit
Mostly because the little human who lives in my house likes to rearrange things into different rooms
January 30, 2026 at 2:30 PM
Mostly because the little human who lives in my house likes to rearrange things into different rooms
✅ I am in this photo and I don’t like it
January 30, 2026 at 2:29 PM
✅ I am in this photo and I don’t like it