primefaces / primefaces/primereact
ToggleButton: Error in Tailwind passthrough
Open
Nobody has claimed this yet.
Component: Tailwind
Resolution: Stale
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
When rendering the ToggleButton component in unstyled mode with Tailwind, an error occurs internally from the Tailwind passthrough.
Reproducer
https://stackblitz.com/edit/react-dqjmaf-3rmchthr?file=src%2FApp.js
System Information
System:
OS: macOS 15.5
CPU: (10) arm64 Apple M4
Memory: 635.69 MB / 16.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 22.17.0 - ~/.nvm/versions/node/v22.17.0/bin/node
Yarn: 1.22.22 - ~/Library/pnpm/yarn
npm: 10.9.2 - ~/.nvm/versions/node/v22.17.0/bin/npm
pnpm: 9.14.2 - /opt/homebrew/bin/pnpm
Watchman: 2024.10.14.00 - /opt/homebrew/bin/watchman
Browsers:
Chrome: 138.0.7204.169
Safari: 18.5
Steps to reproduce the behavior
- Render ToggleButton
Expected behavior
ToggleButton should render and function normally
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 linked StackBlitz reproducer and trace the ToggleButton render in unstyled mode through the Tailwind passthrough. Confirm the internal error and identify the relevant component or passthrough entry point; done means ToggleButton renders and functions normally without the error.
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
- 52/100