Callout/composed path

change/@fluentui-react-e797c093-741f-4a4b-bc68-93fc2340dcc1.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Extending target to composedPath in Callout dismiss listener",
+  "packageName": "@fluentui/react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react/src/components/Callout/CalloutContent.base.tsx

@@ -307,7 +307,8 @@ function useDismissHandlers(
     };
 
     const dismissOnClickOrScroll = (ev: Event) => {
-      const target = ev.target as HTMLElement;
+      const eventPaths: Array<EventTarget> = ev.composedPath ? ev.composedPath() : [];
+      const target = eventPaths.length > 0 ? (eventPaths[0] as HTMLElement) : (ev.target as HTMLElement);
       const isEventTargetOutsideCallout = hostElement.current && !elementContains(hostElement.current, target);
 
       // If mouse is pressed down on callout but moved outside then released, don't dismiss the callout.