10 / FLOATING GEOMETRY
Origin-Aware Popover
The problem
A popover that appears from nowhere leaves you hunting for what you just clicked.
The solution
Popover motion originates from the trigger direction.
Experiment
Task: Open the popover from each trigger button.
NAIVE
origincenter
triggertop
THOUGHTFUL
origincenter top
triggertop
Play with the values
8px
0.92
0.65
How it works
Seen in
Dropdown menus
Menus scale from the trigger button, making it clear which control opened them.
Tooltips
Hints emerge from the element they describe rather than popping from center screen.
Context menus
Right-click menus animate from the cursor position for spatial continuity.
Action sheets
Mobile sheets rise from the button that invoked them, preserving cause and effect.