design-system-site icon indicating copy to clipboard operation
design-system-site copied to clipboard

What's the deal with `select-box`?

Open pattyde opened this issue 6 years ago • 1 comments

  1. Why select boxes ~~suck~~ aren't great.
  2. How we did the HTML on our one.
    1. We've opted for no arrow on disabled select elements because of the way the markup works (:disabled select is on top of div which has the arrow)

pattyde avatar Apr 05 '18 06:04 pattyde

Select boxes inherently hide content from the user. We recommend using radio and checkboxes when possible. It might be good to right a rationale about this. Countries for instance is a good example of a select box, however choosing a tshirt size might be a select box.

There is some magic going on with our select box HTML + CSS to get the icon in there. It would be great to talk about it.

alex-page avatar Jan 30 '19 04:01 alex-page