From 497380743df4461688455bc8b8440d2f3cc7c247 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Thu, 16 Apr 2020 13:15:02 -0400
Subject: [PATCH] fix(md): do not display blank screen when using MD page
 transition and swipe gesture (#21058)

fixes #21056
---
 core/src/utils/transition/md.transition.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/core/src/utils/transition/md.transition.ts b/core/src/utils/transition/md.transition.ts
index b387bf0724..318ce2acc0 100644
--- a/core/src/utils/transition/md.transition.ts
+++ b/core/src/utils/transition/md.transition.ts
@@ -50,6 +50,11 @@ export const mdTransitionAnimation = (_: HTMLElement, opts: TransitionOptions):
     const leavingPage = createAnimation();
     leavingPage
       .addElement(getIonPageElement(leavingEl))
+      .onFinish(currentStep => {
+        if (currentStep === 1 && leavingPage.elements.length > 0) {
+          leavingPage.elements[0].style.setProperty('display', 'none');
+        }
+      })
       .afterStyles({ 'display': 'none' })
       .fromTo('transform', `translateY(${CENTER})`, `translateY(${OFF_BOTTOM})`)
       .fromTo('opacity', 1, 0);