From d5a842d8ebc099fa4652d7abd7205bdfcf033b0a Mon Sep 17 00:00:00 2001
From: montselozanod <montse_967@hotmail.com>
Date: Fri, 12 Jan 2018 09:54:06 -0800
Subject: [PATCH] Add hostid

---
 .../office-ui-fabric-react/src/components/Callout/Callout.tsx | 4 +++-
 .../src/components/Callout/Callout.types.ts                   | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/office-ui-fabric-react/src/components/Callout/Callout.tsx b/packages/office-ui-fabric-react/src/components/Callout/Callout.tsx
index 8edf334dc2912..e9133ea056f27 100644
--- a/packages/office-ui-fabric-react/src/components/Callout/Callout.tsx
+++ b/packages/office-ui-fabric-react/src/components/Callout/Callout.tsx
@@ -23,7 +23,9 @@ export class Callout extends BaseComponent<ICalloutProps, ICalloutState> {
       <CalloutContent { ...this.props } />
     );
     return this.props.doNotLayer ? content : (
-      <Layer>
+      <Layer
+        hostId={ this.props.layerHostid }
+      >
         { content }
       </Layer>
     );
diff --git a/packages/office-ui-fabric-react/src/components/Callout/Callout.types.ts b/packages/office-ui-fabric-react/src/components/Callout/Callout.types.ts
index d8e4fb805be7b..b2ae7e82143d6 100644
--- a/packages/office-ui-fabric-react/src/components/Callout/Callout.types.ts
+++ b/packages/office-ui-fabric-react/src/components/Callout/Callout.types.ts
@@ -154,6 +154,8 @@ export interface ICalloutProps extends React.Props<Callout | CalloutContent> {
    */
   doNotLayer?: boolean;
 
+  layerHostid?: string;
+
   /**
    * If true the position will not change sides in an attempt to fit the callout within bounds.
    * It will still attempt to align it to whatever bounds are given.