Opening TieredMenu panel might block click event propagation, other overlaypanels do not close

Hi PrimeReact devs,

I have a question/feedback regarding the TieredMenu. Let's say we have a panel of a component open (e.g: Dropdown, MultiSelect etc.). If I click outside of that open panel, then the panel closes. This also happens when I click on a component that opens another overlay/panel. The only exception is when I click on the TieredMenu. When I click on that, then the original panel/overlay (of the Dropdown, MultiSelect...) stays open.

It might be that the TieredMenu blocks the propagation of the click event so other components do not get notified about it.

You can reproduce it on the TieredMenu documentation page (https://primereact.org/tieredmenu/). Just open one TieredMenu. If you click outside on the page, then the panel closes. But if you open another TieredMenu panel, then both stay open.

So my question is: Is this behaviour on purpose? If not, are you planning on changing it?

Start with the TieredMenu documentation reproduction and compare its overlay behavior with Dropdown and MultiSelect. Trace how click events are propagated when one overlay opens another; done means opening a TieredMenu closes the existing overlay consistently without breaking outside-click closing.