Fix modal disappearing in IE11.

Esri · Mar 1, 2017 · c5066cb · c5066cb
1 parent a049a3e
commit c5066cb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 14 deletions.
diff --git 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
@@ -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;