Behavior comparison
Dropdown menu opens a list of commands the user activates; Tooltip only describes its reference element and contains nothing interactive.
Decision
Do you need a short explanation, interactive contextual content, or an action list?
| Dimension | Dropdown menuDropdown menu | TooltipTooltip |
|---|---|---|
| Trigger | A menu button activated by press, click, Enter, Space, or Arrow Down. | Pointer hover or keyboard focus on the reference element. |
| Modality | Non-modal action popup that closes after a choice, Escape, or an outside action. | Non-modal supporting description; the page remains active. |
| Placement | Anchored to the menu button and aligned within the viewport. | Anchored beside its reference and repositioned to remain visible. |
| Interactivity | A collection of actions with managed keyboard focus, not arbitrary form content. | Contains no interactive controls; focus remains on the reference. |
| Focus | Opening places menu focus on an enabled item; closing restores focus to the trigger. | Focus remains on the trigger; the tooltip itself never enters the tab order. |
| Dismissal | Selecting an action, pressing Escape, or safely pressing outside closes the menu. | It closes on Escape and after both focus and pointer leave the trigger and surface. |
| Accessible role | menu > menuitem | tooltip |
| Use case | Grouping secondary actions for one item | Explaining an unfamiliar icon |
| Mobile behavior | Open on tap, keep generous item targets, and prefer an action sheet for a dense menu. | Never rely on hover alone; expose essential help persistently or through an explicit tap pattern. |
Audience measurement
With your consent, Google Analytics and aggregate first-party counters measure site usage to help us improve it. These counters contain no search text, candidate, session identifier, or event identifier. You can change your choice anytime via “Cookies” in the footer.