use UI

Context Menu vs Dropdown Menu

These are the same menu with different doors, which is why the choice is not really between them. A dropdown hangs off a visible trigger, so the actions can be found by someone who does not know they exist. A context menu appears where you right-clicked, which is faster for people who already know — and completely invisible to everyone else, including every touch screen, where right-click barely exists. So the honest framing is not either/or: the dropdown is the route, the context menu is the shortcut on top of it. The failure mode is putting an action only behind right-click, at which point keyboard and touch users simply cannot perform it.

Build the visible menu first. Add the context menu as a shortcut to the same actions, never as the only way to reach them.

Context Menu

A menu of actions for a specific element, opened by right-click, long-press, or the context-menu key.

Reach for it when

  • The app is a workspace people spend hours in and speed matters — a file manager, an editor, a canvas.
  • The same actions already exist somewhere visible, and this is the shortcut on top.
  • The target is a direct object: this file, this layer, this row. The menu says which one it applies to.

Avoid it when

  • It is the only way to reach the action. Right-click is not discoverable, and on a touch screen it barely exists.
  • The site is used casually or once. Nobody hunts for hidden menus on a page they will not see again.
  • It overrides the browser's own menu on ordinary content. Taking away copy, open-in-new-tab and inspect annoys people for no gain.

Dropdown Menu

A menu of actions opened from a visible button, closing when one is chosen or focus leaves.

Reach for it when

  • A row or card has more actions than fit, and the extras belong behind one button.
  • The actions do something rather than set a value — rename, duplicate, delete.
  • The set is short. Past about ten items a menu becomes a list you have to read rather than scan.

Avoid it when

  • It picks a value for a form. That is a select or a combobox, and using a menu means the value never reaches the form.
  • There is only one action. A button is shorter, faster, and does not hide what it does.
  • The actions are the primary task. Burying what people came to do behind a kebab icon costs a click every time.