Panel Menu: On Click Events of Panel-Submenu-List causes focus event on Panel Root List

[jermylucas]

Describe the bug

When clicking on the submenu items of a PanelMenu menu item, a focus event is triggered on the upper menu list, which I believe is p-menuitem-content . The behavior is a little bit tricky to explain, but I did my best in the reproduction section

Environment

I am on Angular 17 with PrimeNG ^16 but also have seen this behavior on the latest beta. This also happens on the primeng.org website

Reproducer

https://primeng.org/panelmenu

Angular version

17.0.3

PrimeNG version

^16.0.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.0.9

Browser(s)

No response

Steps to reproduce the behavior

1. Expand the Basic PanelMenu
2. Expand a submenu (if you'd like), or
3. Click on any of the submenu items that are not the upper-most item
4. You will notice a ":focus" event being triggered as the other menu items are clicked

You may go to https://primeng.org/panelmenu

1. Scroll down to the "Basic"

2. Expand "File" (if not already)

3. Click on "Delete" or "Export"

4. Notice a flickering Focus event happening on "New"
   

5. Expand "Edit"

6. Click on "Right", "Center", or "Justify"

7. Notice a flickering Focus event happening on "Left"
   

Expected behavior

The focus event should not be triggered. It should act similar to how it did on v15, or just not focus/flicker the top item

[jermylucas]

It appears this is a duplicate of #13940