Post

Wild how far you can push "customizable select" with just #CSS nerdy.dev/nice-select

Why <fieldset> rather than <optgroup>, for better fallback rendering?

Btw Adam if you're running into styling issues using optgroup it's almost definitely a bug. We specifically allowed legend as the first child of optgroup so you could do rich content in it.

Also, you can use attr() to pull the content from the optgroup label into the legend (via a custom prop)

I was following what Joey shared to me as well as hints in the docs here open-ui.org/components/c... I did inspect UA shadow DOM to style the optgroup but maybe there is a bug yeah as I couldn’t select just the label part

So I think the styling story is using legend because then you can select it in CSS, I think just the label attribute on optgroup does remain less styleable. Though including it is better for older (and non chromium) browsers.

demos updated: - fieldset -> optgroup with label for better fallback + match desired semantics