From 12932dd20212bec7d780650166c70819d125f75a Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Wed, 18 Mar 2020 13:20:14 -0400
Subject: [PATCH] fix(modal): backdrop is no longer tappable on card-style
 modal on smaller screens (#20802)

fixes #20783
---
 core/src/components/modal/modal.ios.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/core/src/components/modal/modal.ios.scss b/core/src/components/modal/modal.ios.scss
index 98f714a459..2697633f14 100644
--- a/core/src/components/modal/modal.ios.scss
+++ b/core/src/components/modal/modal.ios.scss
@@ -26,6 +26,10 @@
   align-items: flex-end;
 }
 
+:host(.modal-card) ion-backdrop {
+  pointer-events: none;
+}
+
 :host(.modal-card) .modal-wrapper {
   @include border-radius($modal-ios-border-radius, $modal-ios-border-radius, 0, 0);
   height: calc(100% - 40px);