Skip to content

Bug: Video Gets Cropped Incorrectly After Changing Frame Size #1184

@jaydxxp

Description

@jaydxxp

Bug: Video Gets Cropped Incorrectly After Changing Frame Size

Bug description

When uploading a video and changing the frame/aspect ratio to another preset or custom size, the preview initially looks correct for the original uploaded section. However, after resizing, parts of the video content get unexpectedly cropped in the preview/output.

This makes it difficult to properly frame videos for formats like Reels, TikTok, YouTube Shorts, etc., especially when using portrait ↔ landscape conversions.

The issue seems related to how scaling/cropping is applied after changing dimensions.


Steps to reproduce

  1. Go to the Reframe editor
  2. Upload a video
  3. Change the frame size/aspect ratio (example: Landscape → Reel/TikTok format)
  4. Use Fit/Fill or custom dimensions
  5. Observe the preview/output

Expected behavior

The video should maintain proper framing based on the selected mode:

  • Fit → entire video visible with letterboxing if needed
  • Fill → intentional crop centered correctly

The preview should accurately represent the exported output without unexpected cropping.


Actual behavior

After changing the frame size:

  • Parts of the video are cropped unexpectedly
  • Preview framing appears inconsistent
  • Some visible regions from the original upload disappear after resizing
  • Cropping behavior feels different from what the selected mode implies

Browser and OS info

  • OS: macOS 14
  • Browser: Chrome
  • Version: Latest

Possible cause

This may be related to:

  • Incorrect FFmpeg scaling/cropping calculations
  • Aspect ratio transformation logic
  • Preview container CSS (object-fit, scaling, overflow handling)
  • Mismatch between preview rendering and export pipeline

Screenshots/screen recording

Image

Metadata

Metadata

Assignees

Labels

bugSomething isn't working correctlytype:bugBug fixtype:designUI/UX design

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions