primefaces / primefaces/primereact
Tree: text goes outside selected
Open
Nobody has claimed this yet.
Status: Needs Triage
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
Selection decoration doesn't surround the item text
Steps to reproduce:
- Insert a tree inside a fixed width div so that when you expand nodes a horizontal scrollbar appears;
- Select an item
Reproducer:
https://stackblitz.com/run?file=src%2FApp.jsx
Resize the preview untill the horizontal bar appears
System Information
"primeicons": "^7.0.0",
"primereact": "10.9.7",
"react": "^19.1.0",
"react-dom": "^19.1.0",
"react-intl": "^7.1.11",
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 in src/App.jsx and resize the preview until the horizontal scrollbar appears. Inspect the Tree selection decoration in that state and verify that the selected decoration surrounds the full item text without overflowing incorrectly.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100