Skip to content

Timeline: zoom to the selected clips #5581

Closed

Description

@miguel-heygen

The timeline already has a Fit zoom mode (packages/studio/src/components/TimelineToolbar.tsx). There is no way to zoom so the selected clips fill the visible width, which is what you want when tightening a cut in a long composition.

Done when

  • A toolbar action and shortcut zoom and scroll so the selected clips span the visible width, with a small margin.
  • With nothing selected the action is disabled, with a tooltip saying why.
  • The zoom math lives in one function with a unit test (single clip, several clips, clips at the very start and end).

Desktop candidate: this component is also used by the HyperFrames Desktop app, so the change reaches it with the next version bump.

Reviewer: @miguel-heygen. New to the repo? Start with CONTRIBUTING.md; run bun install, then the package's tests, before opening a PR.

Activity

  1. added
    difficulty/easyLocalized change with a known approach, limited risk, and straightforward verification.
    enhancementNew feature or request
    good first issueEasy, available, ready work with code/test pointers and a confirmed newcomer mentor.
    help wantedReady, available work with maintainer review support; any difficulty.
    triage/readyAccepted scope, current evidence, acceptance criteria, and validation path are recorded.
    desktop-candidateShared Studio code that the HyperFrames Desktop app also uses
    on Oct 14, 2026
  2. DanielMcSheehy commented on Oct 18, 2026

    @DanielMcSheehy

    I'll take this.

    The zoom math will live in one function: the union of the selected clips, fitted to the visible track with the timeline's 24px range margin, and clamped so a selection at the start or the end cannot scroll past the timeline. The toolbar action stays disabled, with a tooltip, when nothing is selected. Z is the shortcut. Unit tests cover one clip, several clips, and clips at the start and the end.

    Please assign this to me.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    desktop-candidateShared Studio code that the HyperFrames Desktop app also usesdifficulty/easyLocalized change with a known approach, limited risk, and straightforward verification.enhancementNew feature or requestgood first issueEasy, available, ready work with code/test pointers and a confirmed newcomer mentor.help wantedReady, available work with maintainer review support; any difficulty.triage/readyAccepted scope, current evidence, acceptance criteria, and validation path are recorded.

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions