FileUpload Component Overlapping Next Element When Accepting Multiple Files
Package
filament/filament
Package Version
3.2.96
Laravel Version
10.48.17
Livewire Version
3.5.4
PHP Version
8.2.16
Problem description
When setting up forms with the FileUpload component to accept more than one file, the next input field becomes unclickable. This issue occurs because the FileUpload component has a transparent element that extends over the subsequent input field, blocking interactions.
Expected behavior
The next input field (e.g., a checkbox) after the FileUpload component should remain fully clickable and interactable regardless of the FileUpload settings.
Steps to reproduce
- Create a form.
- Add a FileUpload component to the form and configure it to accept multiple files.
- Add an input field, such as a checkbox, immediately after the FileUpload component.
- Attempt to interact with the checkbox.
Reproduction repository (issue will be closed if this is not valid)
https://github.com/izzudin96/filament-a11y
Relevant log output
No response
How does funding with Polar work?
Pay now to fund the work behind this issue.
Get updates on progress being made.
Maintainer is rewarded once the issue is completed.
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too