primefaces / primefaces/primereact
MultiSelect: Select all checkbox not working correctly in unstyled mode with Tailwind
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
When using MultiSelect in unstyled mode with Tailwind CSS passThrough styling, the “Select All” checkbox does not work properly - clicking it has no effect.
The issue appears to be related to the appearance-none property. When disabled it starts to work but then I'm getting default browser checkbox. However there is no problem with other checkboxes (items in MultiSelect).
Reproducer
No response
System Information
- PrimeReact version: 10.9.6
- React version: 19.1.0
- Tailwind CSS version: 4.1.11
- Browser: Chrome 138.0.7204.169 (but same issue appears on Safari and Firefox)
Steps to reproduce the behavior
1. Use MultiSelect with unstyled prop set to true.
2. Add globally `.appearance-none { appearance: none;}` to hide default checkboxes look.
3. Open the dropdown and try clicking “Select All” checkbox — it does not work.
Expected behavior
Checkbox is selecting/unselecting all options.
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 by reproducing the MultiSelect behavior with unstyled mode, Tailwind CSS passThrough styling, and the global appearance-none rule described in the issue. Compare the Select All checkbox with the working item checkboxes; done means clicking Select All consistently selects and unselects every option without restoring the browser-default checkbox appearance.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, tailwindcss
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 58/100