From c5066cbc7664757abbaed9432caa9677af382f31 Mon Sep 17 00:00:00 2001
From: Stephen Sylvia <ssylvia@esri.com>
Date: Wed, 1 Mar 2017 13:51:35 -0500
Subject: [PATCH] Fix modal disappearing in IE11.

---
 src/app/components/helper/modal/Modal.babel.js |  2 ++
 src/app/components/helper/modal/_Modal.scss    | 15 +--------------
 2 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/src/app/components/helper/modal/Modal.babel.js b/src/app/components/helper/modal/Modal.babel.js
index 7959068..0ccfffe 100644
--- a/src/app/components/helper/modal/Modal.babel.js
+++ b/src/app/components/helper/modal/Modal.babel.js
@@ -45,6 +45,7 @@ export default class Modal extends React.Component {
 
     return (
       <div className={modalClasses} tabIndex="-1" role="dialog">
+        <div className="vertical-align-helper">
           <div className="modal-dialog">
             <div className="modal-content">
               <div className="modal-header" style={this.props.headerStyle}>
@@ -67,6 +68,7 @@ export default class Modal extends React.Component {
               </div>
             </div>
           </div>
+        </div>
       </div>
     );
   }
diff --git a/src/app/components/helper/modal/_Modal.scss b/src/app/components/helper/modal/_Modal.scss
index 8905a7f..da2d317 100644
--- a/src/app/components/helper/modal/_Modal.scss
+++ b/src/app/components/helper/modal/_Modal.scss
@@ -3,14 +3,9 @@
 }
 
 .modal {
-  display: flex;
-  display: -webkit-flex;
+  display: table;
   height: 100%;
   width: 100%;
-  justify-content: center;
-  -webkit-justify-content: space-around;
-  align-items: center;
-  -webkit-align-items: center;
 
   .vertical-align-helper {
     display: table-cell;
@@ -32,14 +27,6 @@
   z-index: 0;
 }
 
-@media (min-width: 768px) {
-  .modal-dialog {
-    max-height: calc(100% - 20px);
-    overflow: auto;
-    margin: 0;
-  }
-}
-
 @media (max-width: 767px) {
   .modal {
     display: block;