Stopping propagation to event group (side panel)

[mturoci]

I am trying to make the following work:

Screen.Recording.2023-02-22.at.11.05.45.AM.mov

I have a custom time picker component, which renders its own "dialog-like" pop up within Sidepanel. The problem is sidepanel registers a global handler on document body, which calls the panel's onDismiss where I close the panel.

I can handle this by checking the actual event.target and close / not close based on that, but was wondering, whether it's possible to stop the mousedown event propagation so that event doesn't react Fluent document.body handler in the first place. This seems to be happening with Fluent.DatePicker component though.

Weirdly enough, the document.body handler runs before the onMouseDown handler registered on my TimePicker component.

cc @micahgodbolt