primefaces / primefaces/primereact
DataTable filterDisplay="menu": filter menus do not close when opening another filter (regression from v9 to v10+)
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
In PrimeReact v9, opening a column filter with filterDisplay="menu" automatically closed any previously open column filter menus. In v10.x (tested up to 10.9.7), multiple column filter menus can remain open simultaneously.
This behavior differs from previous versions and causes UX issues where filter menus overlap and confuse users.
Reproducer
System Information
PrimeReact: 10.9.7
React: 17.0.1
Browser: Chrome
Steps to reproduce the behavior
- Use a DataTable with multiple columns, each with filter and filterDisplay="menu".
- Click the filter icon on Name column — its menu opens.
- Click the filter icon on Country column — Name’s menu stays open.
Expected behavior
Opening a new column filter should automatically close any previously open filter menus (like in v9).
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 DataTable filter menu implementation and reproduce the behavior using multiple columns with filterDisplay="menu". Compare the v10 behavior with the v9 behavior described in the issue, then verify that opening one filter closes any previously open filter menu without affecting filtering.
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
- 45/100