Updated component to version 2.2.14

RELEASE-NOTES.md

@@ -1,3 +1,7 @@
+### Version 2.2.14 - Jan 29, 2018
+
+- **Modal** - Fixes issue where an oversized modal would appear behind an existing modal when using `allowMultiple: true` and a second modal that is larger than the sreen height. [#2423](https://github.com/Semantic-Org/Semantic-UI/issues/2423)
+
 ### Version 2.2.12 - Aug 07, 2017
 
 - **Modal** - Modal will now take into account absolutely positioned elements inside a modal when determining if scrolling is necessary. [#5578](https://github.com/Semantic-Org/Semantic-UI/issues/5578) **Thanks @lulalala**

composer.json

@@ -15,5 +15,5 @@
     "framework"
   ],
   "license": "MIT",
-  "version": "2.2.13"
+  "version": "2.2.14"
 }

index.js

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.2.12 - Modal
+ * # Semantic UI 2.2.14 - Modal
  * http://github.com/semantic-org/semantic-ui/
  *
  *

modal.css

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.2.12 - Modal
+ * # Semantic UI 2.2.14 - Modal
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -22,7 +22,8 @@
   text-align: left;
   background: #FFFFFF;
   border: none;
-  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
+          box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
   -webkit-transform-origin: 50% 25%;
           transform-origin: 50% 25%;
   border-radius: 0.28571429rem;
@@ -79,7 +80,8 @@
   background: #FFFFFF;
   margin: 0em;
   padding: 1.25rem 1.5rem;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.85);
   border-bottom: 1px solid rgba(34, 36, 38, 0.15);
 }
@@ -119,22 +121,18 @@
           flex: 0 1 auto;
   width: '';
   -ms-flex-item-align: top;
-      -ms-grid-row-align: top;
       align-self: top;
 }
 .ui.modal > [class*="top aligned"] {
   -ms-flex-item-align: top;
-      -ms-grid-row-align: top;
       align-self: top;
 }
 .ui.modal > [class*="middle aligned"] {
   -ms-flex-item-align: middle;
-      -ms-grid-row-align: middle;
       align-self: middle;
 }
 .ui.modal > [class*="stretched"] {
   -ms-flex-item-align: stretch;
-      -ms-grid-row-align: stretch;
       align-self: stretch;
 }
 
@@ -146,7 +144,6 @@
           flex: 1 0 auto;
   min-width: 0px;
   -ms-flex-item-align: top;
-      -ms-grid-row-align: top;
       align-self: top;
 }
 .ui.modal > .content > .icon + .description,
@@ -268,7 +265,8 @@
     width: 100% !important;
     margin: 0em !important;
     padding: 1rem 0rem !important;
-    box-shadow: none;
+    -webkit-box-shadow: none;
+            box-shadow: none;
   }
 
 /* Let Buttons Stack */
@@ -286,7 +284,8 @@
 ---------------*/
 
 .ui.inverted.dimmer > .ui.modal {
-  box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
+          box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
 }
 
 
@@ -298,7 +297,8 @@
   background-color: transparent;
   border: none;
   border-radius: 0em;
-  box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
   color: #FFFFFF;
 }
 .ui.basic.modal > .header,
@@ -364,7 +364,9 @@
   position: fixed;
 }
 .modals.dimmer .ui.scrolling.modal {
-  position: static !important;
+  position: relative !important;
+  left: auto !important;
+  top: auto !important;
   margin: 3.5rem auto !important;
 }
 

modal.js

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.2.12 - Modal
+ * # Semantic UI 2.2.14 - Modal
  * http://github.com/semantic-org/semantic-ui/
  *
  *