Stop Using “Dropdown”

Programming - Mar 31, 2024

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 →

Previous Next
We respect the property rights of others, and are always careful not to infringe on their rights, so authors and publishing houses have the right to demand that an article or book download link be removed from the site. If you find an article or book of yours and do not agree to the posting of a download link, or you have a suggestion or complaint, write to us through the Contact Us .
Read More