Post

Wes Bos
@wesbos.com

One of the biggest problems with UI development is about to be solved! Customizable <select> brings allows us to create totally custom dropdowns with HTML and CSS. Accessible, gracefully degrades and requires no JS! 4.5 min video explainer + demo → www.youtube.com/watch?v=MA9W...

81 reposts590 likes

Victor Gutt ✌️
@victorgutt.dev

If I remember correctly the spec used to require devs to opt-in to the new select behavior by declaring a rather cryptic and weird CSS property to the select element. It'd be sweet if that's no longer the case as it was not mentioned in the video.

Luke
@lukewarlow.dev

Glad to see people are getting their hands on this! Just be aware things are still changing so don't ship to production just yet (your markup and CSS is already slightly outdated 😅).

ChrizzDF
@chrizzdf.dev

Does anyone know how to tell Vite that it's okay to find a button inside of a select element? warning: <button> cannot be child of <select>, according to HTML specifications Also: 🚨 At least in Vue 3 it seems to break the `@change` event on the select 😱

Wes Bos
@wesbos.com

It is / will be 100% accessible - you don’t need aria tags when the semantic HTML is accessible by default - that’s the huge benefit here

Patricio Del Boca
@pdelboca.me

It's great to finally see HTML integrating common design patterns! And among the impressive improving of CSS we are quickly moving forward to a more affordable web!

Ferit T.
@me.ferit.dev

Definitely something that took waaaaay too long to be here. I get the vibes😅 just love that picture which is really giving me huge emotional vibes 😬