Stop Using “Dropdown”

Publikováno: 16.3.2020

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 … Read article “Stop Using “Dropdown””

The post Stop Using “Dropdown” appeared first on CSS-Tricks.

Celý článek

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 to ArticlePermalink

The post Stop Using “Dropdown” appeared first on CSS-Tricks.

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace