Popover & Flyout

Popover

• Triggered by click (not hover)
• Contains rich content (text, links, mini-forms)
• Close: click outside, Escape, or explicit close button
• One popover open at a time
• Position near trigger, flip at viewport edges
• Arrow pointing to trigger element

Flyout Menu

• Triggered by hover (desktop) or click (mobile)
• Contains navigation links or sub-options
• Show after brief delay (100-200ms hover)
• Keep open while cursor is within bounds
• Diagonal movement tolerance (don't close when moving diagonally to submenu)