Fix modals not having a proper z-index in Mobile Safari, fixes #190

zurb · May 1, 2015 · 120f5df · 120f5df
1 parent c3e3dcf
commit 120f5df
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/scss/components/_modal.scss b/scss/components/_modal.scss
@@ -119,6 +119,9 @@ $modal-overlay-background: rgba(#333, 0.7) !default;
     align-items: center;
     justify-content: center;
 
+    // Prevent z-index issue in Mobile Safari
+    -webkit-transform: translate3d(0,0,0);
+
     &.is-active {
       display: flex;
     }