Event bubbling doesn't appear to be working as described: event bubbles up then circles back around to the child element

[mapsedge]

Describe the bug

Working with sl-menu and sl-menu[slot="submenu"], the sl-select event happens once on the child, once on the parent, then once again on the child. This makes event.target, event.currentTarget, and event.eventPhase useless for determining what was clicked on to prevent multiple event firings.

Demo

Go here: https://codepen.io/William-Morris/pen/oNRjaMW?editors=0010
Open the Developer Tools Console.
Select "Find", then any submenu item.
Check the console. The event bubbles like it's supposed to, but the fires again on the child element.

Browser / OS

• OS: Kubuntu 24.04
• Browser: Chromium 124, Firefox 125

[claviska]

I would consider this a bug, as <sl-menu> should only emit one sl-select when an item is selected.

Any thoughts on this, @KonnorRogers?