Behavior comparison
Choose Dropdown menu for: Grouping secondary actions for one item. Choose Tooltip for: Explaining an unfamiliar icon.
| 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 with menuitem children | 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. |