DataTable filterDisplay="menu": filter menus do not close when opening another filter (regression from v9 to v10+)

[bhoomesh-spe]

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

1. Use a DataTable with multiple columns, each with filter and filterDisplay="menu".
2. Click the filter icon on Name column — its menu opens.
3. 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).

[Coderxrohan]

@melloware

This is a regression from v9.
In v10+, each ColumnFilter manages its own OverlayPanel, but there is no shared state to close previously opened filter menus.

A fix would be to track the active filter overlay at DataTable level and explicitly hide the previous overlay when a new filter menu opens, restoring v9 behavior.

Does this approach align with the intended direction for DataTable filter menu behavior in v10+?

[melloware]

@Coderxrohan we should check what PrimeVue does and keep that alignment. If its a regression from V9 but PrimeVue does it then its intentional PrimeTek behavior.

[Coderxrohan]

Thanks for the clarification. 👍

I don’t have much hands-on experience with PrimeVue yet. If you or the team can confirm the intended PrimeVue behavior here, I’m happy to follow that direction and continue accordingly.

[melloware]

i don;t work for PrimeTek just an open source contributor like you...