OpenCut-app / OpenCut-app/OpenCut

[BUG] Horizontal scrolling of timeline section

Open
#517 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
TypeScript
Stars
89.8k
Forks
8.9k
PR merge metrics
No merged PRs in 30d

Description

Platform

MacOS

Browser

Chrome 138.0.7204.93

Current Behavior

The tracks section and time section in Timeline can be scrolled separately.

The git commit hash for the recording below: c0651fec193bcea9a1764ca8435d7191c5d3980d

https://github.com/user-attachments/assets/4203a845-f0e9-4a5e-95b9-9d0ecc7f16c6

Expected Behavior
  • The time section should scroll with tracks section instead.
  • Playhead / the Current Time Indicator (CTI) should scroll along.

It is OK for me that the time section is not scrollable.

The git commit hash for the recording below: 02a50d12de10849605f11ce0ab0a41e2e1c112ba

https://github.com/user-attachments/assets/5334a899-15f4-423a-84d3-e3a9b34645f9

Recurrence Probability

Always

Steps To Reproduce
  1. Checkout any version after c0651fec193bcea9a1764ca8435d7191c5d3980d
  2. Open up editor
  3. Try scrolling horizontally in the tracks section
Anything else?

First bad commit: c0651fec193bcea9a1764ca8435d7191c5d3980d (feat: replace scroll-area from radix with one that actually works and doesn't cause layout issues)
Last good commit: 02a50d12de10849605f11ce0ab0a41e2e1c112ba

The issue persists on main branch (d022a78ae2330665e7d763fdc6e831a71f3b9ea1)

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in the Timeline editor after reproducing horizontal scrolling in the tracks section. Compare the first bad commit c0651fec193bcea9a1764ca8435d7191c5d3980d with the last good commit 02a50d12de10849605f11ce0ab0a41e2e1c112ba to locate the regression. Done means the time section and playhead scroll with the tracks section, while the time section need not be independently scrollable.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.