diff --git a/common/changes/office-ui-fabric-react/u-jehell-popup-tabindex_2019-01-29-21-05.json b/common/changes/office-ui-fabric-react/u-jehell-popup-tabindex_2019-01-29-21-05.json
new file mode 100644
index 00000000000000..3168b8c8dfe588
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/u-jehell-popup-tabindex_2019-01-29-21-05.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "Support ESC after clicking in Popup",
+      "type": "patch"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "jehell@microsoft.com"
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap
index 373c84383415f9..238bb1b2090230 100644
--- a/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Callout/__snapshots__/Callout.test.tsx.snap
@@ -57,6 +57,7 @@ exports[`Callout renders Callout correctly 1`] = `
           "overflowY": undefined,
         }
       }
+      tabIndex={-1}
     >
       Content
     </div>
diff --git a/packages/office-ui-fabric-react/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap b/packages/office-ui-fabric-react/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap
index b48130ddd22113..efed650967fac2 100644
--- a/packages/office-ui-fabric-react/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap
@@ -134,6 +134,7 @@ exports[`HoverCard renders ExpandingCard correctly 1`] = `
               "overflowY": "hidden",
             }
           }
+          tabIndex={-1}
         >
           <div
             onFocusCapture={[Function]}
@@ -295,6 +296,7 @@ exports[`HoverCard renders PlainCard correctly 1`] = `
               "overflowY": undefined,
             }
           }
+          tabIndex={-1}
         >
           <div
             onFocusCapture={[Function]}
diff --git a/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap
index e9afa64cb1f67c..c52922c7ae8e5c 100644
--- a/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Modal/__snapshots__/Modal.test.tsx.snap
@@ -69,6 +69,7 @@ exports[`Modal renders Modal correctly 1`] = `
           "overflowY": undefined,
         }
       }
+      tabIndex={-1}
     >
       <div
         className=
diff --git a/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
index 538d5a80718a34..97670b611a2d53 100644
--- a/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Panel/__snapshots__/Panel.test.tsx.snap
@@ -73,6 +73,7 @@ exports[`Panel renders Panel correctly 1`] = `
           "overflowY": undefined,
         }
       }
+      tabIndex={-1}
     >
       <div
         aria-hidden={false}
diff --git a/packages/office-ui-fabric-react/src/components/Popup/Popup.tsx b/packages/office-ui-fabric-react/src/components/Popup/Popup.tsx
index 753bdbee1f003e..13e0cf39d83c06 100644
--- a/packages/office-ui-fabric-react/src/components/Popup/Popup.tsx
+++ b/packages/office-ui-fabric-react/src/components/Popup/Popup.tsx
@@ -68,6 +68,7 @@ export class Popup extends BaseComponent<IPopupProps, IPopupState> {
 
     return (
       <div
+        tabIndex={-1}
         ref={this._root}
         {...getNativeProps(this.props, divProperties)}
         className={className}
diff --git a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
index d516816eb9e539..4856d396c5a250 100644
--- a/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap
@@ -68,6 +68,7 @@ exports[`TeachingBubble renders TeachingBubble correctly 1`] = `
           "overflowY": "hidden",
         }
       }
+      tabIndex={-1}
     >
       <div>
         <div
diff --git a/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap b/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
index f8675592cf532e..52c8012c302674 100644
--- a/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap
@@ -116,6 +116,7 @@ exports[`Tooltip renders default Tooltip correctly 1`] = `
               "overflowY": undefined,
             }
           }
+          tabIndex={-1}
         >
           <div
             role="tooltip"
diff --git a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot
index d8f46a96a062b7..1bf06561d9d568 100644
--- a/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot
+++ b/packages/office-ui-fabric-react/src/components/__snapshots__/Panel.HiddenOnDismiss.Example.tsx.shot
@@ -190,6 +190,7 @@ exports[`Component Examples renders Panel.HiddenOnDismiss.Example.tsx correctly
             "overflowY": undefined,
           }
         }
+        tabIndex={-1}
       >
         <div
           aria-hidden={false}