Google Chrome devtools issue with FileUpload component: "Incorrect use of <label for=FORM_ELEMENT>"
Package
filament/filament
Package Version
v3.2.92
Laravel Version
v11.14
Livewire Version
v3.5.2
PHP Version
PHP 8.3.6
Problem description
Google Chrome devtools show an issue with an incorrect use of label's for attribute when using the FileUpload form component. I also tested it with Spatie's media component and it shows the exact same issue. Here a screenshot:
Expected behavior
The issue message shouldn't appear.
Steps to reproduce
- Clone the reproduction repository and do the normal Laravel setup process.
- Go to /admin/login route and enter this credentials:
email address: [email protected]
password: password - Go to Users resource and then click on New user button.
- Open Google Chrome devtools and go to Issues tab:
Reproduction repository (issue will be closed if this is not valid)
https://github.com/branivreyes/filament-issue
Relevant log output
No response
filamentphp / filament
A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS.
19.2k
How does funding with Polar work?
1
Pay now to fund the work behind this issue.
2
Get updates on progress being made.
3
Maintainer is rewarded once the issue is completed.
FAQ
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