Skip to content

Google Chrome devtools issue with FileUpload component: "Incorrect use of <label for=FORM_ELEMENT>" #13467

Open
@branivreyes

Description

@branivreyes

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:

image

Expected behavior

The issue message shouldn't appear.

Steps to reproduce

  1. Clone the reproduction repository and do the normal Laravel setup process.
  2. Go to /admin/login route and enter this credentials:
    email address: [email protected]
    password: password
  3. Go to Users resource and then click on New user button.
  4. Open Google Chrome devtools and go to Issues tab:
    image

Reproduction repository (issue will be closed if this is not valid)

https://github.com/branivreyes/filament-issue

Relevant log output

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Todo

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions