Bug description
The ThumbnailStrip shows a blue highlighted border to indicate which frame the video is currently at. However this highlight is permanently stuck on the first frame (0:00) and never moves regardless of where the video is playing or seeking to.
Steps to reproduce
- Upload any video file
- Play the video or seek to any position (e.g. 0:20)
- Look at the thumbnail strip below the video player
- See that the blue highlighted border stays on the 0:00 frame instead of following the current video position
Expected behavior
The blue active frame indicator should follow the current playback position in real time. If the video is at 0:20, the 0:20 thumbnail should be highlighted. As the video plays forward the highlight should move frame by frame.
Actual behavior
The blue border is always on the first frame no matter where the video is playing. The active frame indicator is completely non-functional.
Root cause
In VideoEditor.tsx, currentTime is passed to ThumbnailStrip as:
currentTime={videoRef.current?.currentTime ?? 0}
This reads the video position once at render time and never updates reactively. There is no timeupdate event listener anywhere in the codebase tracking playback position as state, so ThumbnailStrip always receives 0.
Screenshots
Video is at 0:20 but the blue highlight is still on the 0:00 frame:
Browser and OS info
- OS: Any
- Browser: Any
- Version: Any
Bug description
The ThumbnailStrip shows a blue highlighted border to indicate which frame the video is currently at. However this highlight is permanently stuck on the first frame (0:00) and never moves regardless of where the video is playing or seeking to.
Steps to reproduce
Expected behavior
The blue active frame indicator should follow the current playback position in real time. If the video is at 0:20, the 0:20 thumbnail should be highlighted. As the video plays forward the highlight should move frame by frame.
Actual behavior
The blue border is always on the first frame no matter where the video is playing. The active frame indicator is completely non-functional.
Root cause
In
VideoEditor.tsx,currentTimeis passed toThumbnailStripas:currentTime={videoRef.current?.currentTime ?? 0}This reads the video position once at render time and never updates reactively. There is no
timeupdateevent listener anywhere in the codebase tracking playback position as state, soThumbnailStripalways receives 0.Screenshots
Video is at 0:20 but the blue highlight is still on the 0:00 frame:
Browser and OS info