TieredMenu: Close menu on selection (like PrimeVue)

[msalihaltun]

Describe the bug

In TieredMenu component when popup property is used (i.e it is used as an overlay component), root level menu element does not close on item selection. Every inner level menu element disappears when one item is selected. Root level menu only closes when either the toggle event fires or a click outside happens.

Reproducer

https://www.primefaces.org/primereact/tieredmenu/

PrimeReact version

Latest

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

1. Go to the demo on https://www.primefaces.org/primereact/tieredmenu/
2. Go to the overlay menu demo.
3. Use the overlayed menu to select an inner element. The inner level elements will disappear but the root level does not.

Expected behavior

Similar to the demo on https://www.primefaces.org/primevue/tieredmenu, I expect the menu will completely disappear on selection.