[Bug] Custom preset width/height inputs don't validate minimum dimensions

[magic-peach]

Bug Description

The custom preset inputs in PresetSelector.tsx have HTML min='16' and max='7680' attributes, but there's no JavaScript-level validation preventing users from typing values like 0, 1, or negative numbers via keyboard. These values bypass the HTML validation and get passed to FFmpeg, causing encoding errors.

Steps to Reproduce

1. Select 'Custom' preset
2. Click on the width input and manually clear it, then type '-1' or '0'
3. Click Export
4. FFmpeg error occurs

Expected Behavior

JavaScript validation should prevent invalid dimension values before export is triggered.

File Reference

• src/components/PresetSelector.tsx — custom input onChange handlers
• src/hooks/useVideoEditor.ts — handleExport() should validate recipe before starting

[rahul-rajak-nsut]

Hi @magic-peach , I’m a GSSoC contributor and I’d like to work on this issue. I’ve been exploring and using Reframe locally, and I’d love to contribute by fixing this validation bug. The issue seems reproducible and I already have an idea for handling the input + export validation safely. Please assign it to me if it’s available.

[magic-peach]

@rahul-rajak-nsut please star the repo

[magic-peach]

Hey @rahul-rajak-nsut! 👋

Thanks for being part of the Reframe community — your engagement on this issue means a lot! 🙌

If Reframe has been useful to you, please consider ⭐ starring the repo — it helps more developers discover the project and keeps the momentum going!

Every star helps Reframe grow. It only takes a second! 🎬