[Bug]: Sub-menus within a on overlay trigger sp-closed for the outer overlay-trigger element about spectrum-web-components

[adixon-adobe]

I'm not really sure if another event or better documentation is the right approach here, but it was tricky to figure this out, and I'm curious how this would work for manually triggered overlays as well.

[adixon-adobe]

As I think about this more, I think what I'm really asking for is an event that doesn't bubble. I just want to know if this overlay opened or closed. Using the same (bubbling) event that the overlay system gets confusing because it's less common, and surprising when you run into it.

So ideally there's be another event that doesn't bubble, which when documented should make the difference in behavior very clear. And all that said, I won't be too offended if you decide it's just simpler to improve the documentation. Just pointing out that this can be a real surprising gotcha.

[Westbrook]

Some quick documentation points:

• managing the events in the merged DOM tree https://opensource.adobe.com/spectrum-web-components/migrations/2023-8-18/#prepare-for-descendant-overlays-to-exist-in-the-same-dom-tree
• the overlay property on these events

  type OverlayStateEvent = Event & {
    overlay: Overlay;
  };
  

  The section before this (“Events” is a section twice 🤦‍♂️) https://opensource.adobe.com/spectrum-web-components/components/overlay/#when-it-is-%22fully%22-open-or-closed%3F
• there are also some native-like events available: https://developer.mozilla.org/en-US/docs/Web/API/Popover_API#events

[najikahalsema]

@adixon-adobe Does the above comment from Westbrook give you a path forward?