Open a menu-bar dropdown, walk the hover highlight down the list, and fly out a submenu on the target
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
An orange desktop with a translucent menu bar and a small presenter inset top left (master 2913). At master 2914 (local 1) a tall cream dropdown pops open under a highlighted menu-bar icon: a 'Pause' item, a Recents section of five apps with icons and chevrons, then Show/Clear items and Settings. The arrow pointer travels down from the menu bar (2926) and the blue row highlight follows it: first app at 2930, second at 2932, third at 2936, fourth at 2940 (local 17-27). A two-item submenu flies out to the LEFT of the fourth row at 2942 (local 29); when the pointer reaches the fifth row at 2946 the flyout swaps to that row's submenu at 2948 (local 35). The pointer then crosses left into the submenu by 2962 (local 49).
Cascading menu navigation: hard-open dropdown, hover highlight that tracks the pointer row by row, and a leftward submenu flyout that swaps instantly when the parent row changes.
Phase notes
- Frame 0 — Desktop with menu bar, no dropdown
- Frame 1 — Dropdown pops open
- Frame 13 — Pointer descends into the menu
- Frame 17 — Highlight walks the app rows
- Frame 29 — Submenu flies out left of row four
- Frame 35 — Highlight and submenu move to row five
- Frame 49 — Pointer enters the submenu
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.
- Both variants rerendered from the packaged text renderer to repair a prior code/preview mismatch.