fix(modal): properly apply border radius on card-style modal (#20852)

fixes #20851
ionic-team · Mar 25, 2020 · dff3816 · dff3816
1 parent 3bd6b5d
commit dff3816
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/core/src/css/core.scss b/core/src/css/core.scss
@@ -39,6 +39,14 @@ html.ios ion-modal.modal-card .ion-page > ion-header > ion-toolbar:first-of-type
   padding-top: 0px;
 }
 
+// .ion-page needs to explicitly inherit
+// the border radius in safari otherwise
+// a card modal with ion-content[fullscreen=true]
+// will not show border radius properly
+html.ios ion-modal.modal-card .ion-page {
+  border-radius: inherit;
+}
+
 // Ionic Colors
 // --------------------------------------------------
 // Generates the color classes and variables based on the