From dff3816c049a1c051f94d3176c8b903a69603912 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Wed, 25 Mar 2020 11:10:57 -0400
Subject: [PATCH] fix(modal): properly apply border radius on card-style modal
 (#20852)

fixes #20851
---
 core/src/css/core.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/core/src/css/core.scss b/core/src/css/core.scss
index 02229bcd38..8298b54788 100644
--- 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