fix(md): do not display blank screen when using MD page transition and swipe gesture (#21058)

fixes #21056
This commit is contained in:
Liam DeBeasi
2020-04-16 13:15:02 -04:00
committed by GitHub
parent 6a167172ff
commit 497380743d

View File

@@ -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);