Skip to content

[Bug Report][3.9.0] VFileUploadItem does not accept classes #21740

@Daenara

Description

@Daenara

Environment

Vuetify Version: 3.9.0
Vue Version: 3.5.17
Browsers: Chrome 138.0.0.0
OS: Linux x86_64

Steps to reproduce

  1. Select a file
  2. Inspect the newly added file in the file list
  3. See that the div that was generated inside v-file-upload-items does not have the class named test I added to the vuetify component

Expected Behavior

I would expect the class(es) to be handed through to the generated div for more styling possibilities

Actual Behavior

The class(es) are dropped

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

When using border instead of class, it seems to work but I wanted to do more than just change the border, so I added a bunch of dynamic classes (I am trying to highlight specific files dynamically) that I wanted to use for styling purposes (specifically change the opacity of v-list-item-subtitle for some entries) and then I noticed they are not applied.

For now I solved it by wrapping a div around the v-file-upload-item but it should be able to take and apply classes

The issue helper showed me similar issues and one of them was for v-file-upload not supporting class and style, so it might be that style is also affected here

Metadata

Metadata

Assignees

No one assigned

    Labels

    C: VFileUploadT: bugFunctionality that does not work as intended/expected

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions