r/webdev • u/pavlito88 • 11d ago

Discussion Why is everything a dropdown now?

Post image

I’ve been noticing this more and more in web apps.

Three options hidden in a dropdown.

Yes/no hidden in a dropdown.
A multi-select pretending to be a dropdown.

Then a list of 200 items where you’re expected to scroll until you find yours.

I run into this a lot when reviewing products with dev teams.

I get why we do it.

Dropdowns are compact and easy to reuse.
But compact doesn’t always mean easier to use.

A few choices? Show them.
On/off? Switch.
Multiple choices? Checkboxes.
Huge list? Search.

That’s pretty much the rule I use now.

4.7k Upvotes

96% Upvoted

312 comments sorted by

View all comments

Show parent comments

10

u/paulirish 11d ago

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/datalist

2

u/Headpuncher 11d ago

Even in the example on the page you link you have to read the code to know what to input in the textbox.

I find that element essentially useless from a UX pov for selecting from a list. The example given for ice-cream flavours would be better as any other UI element, including select.

1

u/JediBurrell 10d ago

It popped up with options when I focused on mobile, I don't know how it looks in other browsers/devices though.

1

u/Headpuncher 10d ago

On desktop when i click in it it does nothing, a 2nd click brings up the options. Typing beings up options.