primefaces / primefaces/primereact
Sidebar: Interacting with dropdown inside non modal sidebar closes the sidebar
Open
Nobody has claimed this yet.
Type: Bug
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
I have a dropdown within a sidebar configured to be non modal. Clicking on the dropdown toggler, the filter input area or selecting an item from the list causes the sidebar to close.
Reproducer
https://stackblitz.com/edit/vitejs-vite-ym3uphv1?file=src%2FApp.tsx
System Information
primereact: 10.9.7
Steps to reproduce the behavior
- Click the "show sidebar" button.
2a) Click the dropdown toggle button to expand the dropdown.
2b) Click the foo text in the dropdown then click in the filter input area.
2c) Click the foo text in the dropdown then click bar to select that value.
The sidebar closes.
Expected behavior
The sidebar should not close.
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 using PrimeReact 10.9.7, then trace the Sidebar and dropdown interaction behavior. Reproduce each listed click path and inspect how the non-modal sidebar handles those events; done means the sidebar remains open for toggling, filtering, and selecting an item.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100