Stop Using “Dropdown”

Avatar of Chris Coyier
Chris Coyier on

UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today.

Adrian Roselli notes that it might actually mean:

  • A <select> menu
  • An ARIA Listbox, Combobox, Menu, or Disclosure Widget
  • An input with a <datalist>
  • An input with autocomplete
  • A <details><summary> block
  • An accordion
  • Flyout navigation

In my own usage, I tend to mean “A UI pattern where you click/tap a small thing and a big thing opens.” An aria-expanded situation, like, say, the user avatar on CodePen that you click to expand user-specific actions and navigation. “Menu” feels right to me, although I’m not sure that’s much of an improvement.

I take the point. Dropdown doesn’t actually mean anything and that ambiguity may hurt conversation and understanding.

Direct Link →