Wild how far you can push "customizable select" with just #CSS

I’d like to - improve the viewport edge positioning logic - tighten the option alignment morph - get rid of the white space at the bottom of the picker scrollport - show variants that position over, under etc

i used to pray for times like this

What is this screen recording app that everyone uses that always has the cursor out of sync with its hover effects? Really ruins a lot of otherwise great productions!

Screenstudio, and yeah, didn’t know how to fix it

It’s everywhere! And cannot be unseen.

I did a combo box experiment recently. Instead of using input, using content editable...

CSS in 2026 is wild. We finally get to style <select> Great writeup + demo.

Did Chrome adopted and shipped @base_ui as a part of a bundle? 😅

Very smooth animations too. Good job!

Maybe in a few years...

Beautiful.

absurd positioning bugs are happening for me on the codepen demo

@a5pizu if it's near the viewport, it makes a best case decision, is it that? maybe the demo is zoomed?

firstly, the best case positioning doesn't happen, and then after a few open/close this happens.

Wild is the right word; this is seriously inspiring. Seeing native-ish selects get this kind of UX polish with just CSS makes me want to rip out half my custom JS dropdowns 😅

Is it possible to have a search field inside a select? For example on top to filter a large number of items? I hope customizable select will be released by Firefox and Safari this year.

not in a select, but yes in some follow up work that's being done with listbox

Love how smoooth it is!!

Teach the agents css

Amazing that they are adding css only select personnalization !! Long overdue

Yesssssss changes everything

Awesome

Is it really?…

wow very impressive! but I guess the current browser compatibility is very limited?

Chrome first, Firefox working on it

thanks; once wide compatibility is here this would be really cool to use

It is likely Screen Studio, as mentioned before.

So smoothly 😃

wtf so cool

Very nice. Is this Accessible and does it work with keyboard navigation?

Whart if you could put out there your own UI library, that would be cool

i thought about it when I lost the google job, but it's soooooo much work and i really hate marketing (which would end up being a huge part of the job) thanks tho!

sticky group headers become so annoying once you need to virtualize the list 😩

Amazing!

Smooooooth

Wow! Look amazing

What can I so so your cool demos are published on @yoyocodes ?

@yoyocodes dunno! 😅 i almost self hosted this one, but figured i'd give the codepen 2 editor a shot since i had enough files for it

@yoyocodes no problem 😉 — just ping if you ever signed up. I’ll take care of ya 😁✨.

Is multi-select supported yet?

Not yet, being worked on

Ah ok. My ultra processed JS based multi select stays alive then:

The rabbit hole goes deep.

animations are smooth as butter 🧈❤️