Una Kravets
banner
una.im
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
Yesss the gap is nice too!
February 5, 2026 at 11:24 PM
Built that demo for him basically :)
February 5, 2026 at 11:06 PM
Yes exactly
February 5, 2026 at 10:48 PM
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
::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
@nerdy.dev has got you covered!
February 3, 2026 at 5:45 PM
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
Indeed you can
January 31, 2026 at 1:02 PM
And the full thing: codepen.io/una/pen/YPWe...
border-shape chevron nav
...
codepen.io
January 30, 2026 at 8:14 PM
January 30, 2026 at 7:50 PM
Maybe give it a week or two then 😅
January 30, 2026 at 7:46 PM
Right?! Makes a big difference
January 30, 2026 at 7:29 PM
Yep! You’ll be able to do that with border shape!
January 30, 2026 at 7:28 PM
+1 I feel like thats a given for these kinds of things 😅
January 30, 2026 at 7:16 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
border-shape + anchored CQ
...
codepen.io
January 30, 2026 at 7:12 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
January 30, 2026 at 2:32 PM
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
Mostly because the little human who lives in my house likes to rearrange things into different rooms
January 30, 2026 at 2:30 PM
✅ I am in this photo and I don’t like it
January 30, 2026 at 2:29 PM