primefaces / primefaces/primereact

MultiSelect: Select all checkbox not working correctly in unstyled mode with Tailwind

Open
#8,190 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Component: Tailwind Component: Unstyled Resolution: Stale
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.