Swap a chip tooltip for a radio popover on click, then walk the hover highlight down a row
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A dark composer under a portrait video shows a typed edit request and a chip row; the pointer rests on the 'Strong remix' chip and a small 'Remix strength' tooltip floats above it (f0–12). The pointer clicks at ~f13: the tooltip vanishes and a dark popover scales in above the chip (~f15–27) listing Strong (selected), Mild, Subtle and Custom, each with a grey description and a radio ring. It holds; at ~f65 the pointer moves onto 'Mild' and a lighter hover plate highlights that row, holding to f104.
Tooltip-to-popover disclosure: a hover tooltip is replaced on click by a scaled-in option popover, then a hover plate walks to a new row.
Phase notes
- Frame 0 — Chip tooltip visible
- Frame 13 — Click on chip; tooltip gone
- Frame 15 — Popover scales in
- Frame 27 — Popover holds
- Frame 65 — Hover plate highlights second row
- Frame 104 — Hold
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.
Recorded limits
- Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.