primefaces / primefaces/primereact
Column: pass through styles are not applied when is nested in custom component
Open
Nobody has claimed this yet.
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
Pass through styles are not applied to the Column component when it is nested in a custom component eg <MyColumn /> to provide a generic Column element with styling.
Reproducer
No response
System Information
System:
OS: macOS 15.5
CPU: (12) arm64 Apple M2 Pro
Memory: 85.72 MB / 32.00 GB
Shell: 4.0.2 - /opt/homebrew/bin/fish
Binaries:
Node: 24.4.1 - /opt/homebrew/bin/node
npm: 11.4.2 - /opt/homebrew/bin/npm
Browsers:
Chrome: 138.0.7204.184
Safari: 18.5
npmPackages:
primereact: 10.9.1 => 10.9.1
react: ^18.2.0 => 18.2.0
tailwindcss: ^3.2.4 => 3.4.17
Steps to reproduce the behavior
https://stackblitz.com/edit/vitejs-vite-py38wxon?file=src%2FApp.tsx
Expected behavior
Expected attributes to exist on <td> element. None are applied.
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 compare a direct Column with Column nested in the custom MyColumn component. Trace how pass-through styles are handled for Column and verify the expected attributes appear on the rendered element in the nested case.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, tailwindcss, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100