diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-07-01 15:30:50 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-07-01 15:30:50 +0200 |
| commit | a16c86092a64d41014e06078c41b8aabd62b7939 (patch) | |
| tree | 22857c9be6b55fae5beb1fc83a32fe2761442ead /apps/web/src/components/editor | |
| parent | baf5e9907f6cfbea0089cf19f4efdc1b6fca3e24 (diff) | |
| download | opencut-a16c86092a64d41014e06078c41b8aabd62b7939.tar.gz | |
fix: playhead not moving in real time
Diffstat (limited to 'apps/web/src/components/editor')
| -rw-r--r-- | apps/web/src/components/editor/timeline.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx index 71e4aa53..544e0076 100644 --- a/apps/web/src/components/editor/timeline.tsx +++ b/apps/web/src/components/editor/timeline.tsx @@ -908,6 +908,7 @@ export function Timeline() { <div className="flex-1 relative overflow-hidden"> <ScrollArea className="w-full" ref={rulerScrollRef}> <div + ref={timelineRef} className="relative h-12 bg-muted/30 cursor-pointer" style={{ width: `${dynamicTimelineWidth}px`, @@ -984,7 +985,7 @@ export function Timeline() { {/* Playhead in ruler (scrubbable) */} <div - className="absolute top-0 bottom-0 w-0.5 bg-red-500 pointer-events-auto z-50 cursor-ew-resize" + className="absolute top-0 bottom-0 w-0.5 bg-red-500 pointer-events-auto z-50 cursor-col-resize" style={{ left: `${playheadPosition * 50 * zoomLevel}px` }} onMouseDown={handlePlayheadMouseDown} > @@ -1118,7 +1119,7 @@ export function Timeline() { {/* Playhead for tracks area (scrubbable) */} {tracks.length > 0 && ( <div - className="absolute top-0 w-0.5 bg-red-500 pointer-events-auto z-50 cursor-ew-resize" + className="absolute top-0 w-0.5 bg-red-500 pointer-events-auto z-50 cursor-col" style={{ left: `${playheadPosition * 50 * zoomLevel}px`, height: `${tracks.length * 60}px`, |