primefaces / primefaces/primereact
FileUpload: className does not work with advanced mode
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
className property of the FileUpload component is not delegated to the DOM if you use the default "advanced" mode. It works only with the mode="basic".
See attached StackBlitz - the "test-class-name-basic" is in the DOM but the "test-class-name-advanced" is missing.
Reproducer
https://stackblitz.com/edit/246ree?file=src%2FApp.jsx
PrimeReact version
10.5.1
React version
18.x
Language
TypeScript
Build / Runtime
Vite
Browser(s)
No response
Steps to reproduce the behavior
No response
Expected behavior
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the FileUpload component and the App.jsx reproducer linked in the StackBlitz example; compare how className reaches the DOM in basic mode versus the default advanced mode. Verify that the advanced example produces the expected test-class-name-advanced class while preserving the working basic-mode behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 55/100