Anchored popover.
Open the stock details beside a proof label. The small panel identifies the sheet, then returns focus to the label when dismissed.
220 gsm · Warm white
Stock details closed
- Resting states
- Stock details closed → Stock details open
- Reduced motion
- The panel opens instantly and Escape returns focus to the trigger.
Implementation excerpt
.stockPanel { transform-origin: top left; }
@starting-style { .stockPanel:popover-open { opacity: 0; transform: scale(.98); } }Where Unvibed uses it
This public print-desk example is the site’s demonstration of anchored popover.