angular
angular copied to clipboard
formio
[BUG] File component, drop or browse space dissapear when error alert is shown
Environment
Please provide as many details as you can:
- Hosting type
- [x] Form.io
- [ ] Local deployment
- Version:
- Formio.js version: 5.2.2
- Frontend framework: Angular 13.3.6
- Browser: Chrome / Mozilla Firefox
- Browser version: any
Steps to Reproduce
- Use a File component in any form on Formio Builder
- Capture file size limit and extension application/pdf (per example)
- Load the form in your Angular project
- Drag a file that trigger the File size too big error alert
- Clic on X to remove the file
- The row-space to drop or browse file dissapear and not allows to select other file. Its possible to reproduce faster in https://formio.github.io/angular-demo/#/forms/builder , just add a file component and put a file size limit or pattern (application/pdf)
Expected behavior
That the drop files or browse row didnt dissapear when i remove the file selected (only when error alert is displayed)
Observed behavior
The space to drop or browse file dissapear when i clic on "X" to remove a selected file that doesn't apply the size or extension pattern.
Example
If possible, please provide a screenshot, live example (via JSFiddle or similar), and/or example code to help demonstrate the issue.
Hello @javierel7, We are aware of this issue and are currently working on fixing this. Ticket Number is FIO-4603. We will let you know once this is released.
