From 56a3089d18f042d6e3286ba2895cf6ca542f0380 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Mon, 30 Mar 2020 12:58:09 -0400 Subject: [PATCH] fix tabbed nav animation --- core/src/utils/transition/ios.transition.ts | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/core/src/utils/transition/ios.transition.ts b/core/src/utils/transition/ios.transition.ts index 4b62f775678..a431f1cf39d 100644 --- a/core/src/utils/transition/ios.transition.ts +++ b/core/src/utils/transition/ios.transition.ts @@ -384,12 +384,18 @@ export const iosTransitionAnimation = (navEl: HTMLElement, opts: TransitionOptio // setup leaving view if (leavingEl) { - const leavingContent = createAnimation(); const leavingContentEl = leavingEl.querySelector(':scope > ion-content'); + const leavingToolBarEls = leavingEl.querySelectorAll(':scope > ion-header > ion-toolbar'); + const leavingHeaderEls = leavingEl.querySelectorAll(':scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *'); + + if (!leavingContentEl && leavingToolBarEls.length === 0 && leavingHeaderEls.length === 0) { + leavingContent.addElement(leavingEl.querySelector(':scope > .ion-page, :scope > ion-nav, :scope > ion-tabs')!); // REVIEW + } else { + leavingContent.addElement(leavingContentEl!); // REVIEW + leavingContent.addElement(leavingHeaderEls); + } - leavingContent.addElement(leavingContentEl!); // REVIEW - leavingContent.addElement(leavingEl.querySelectorAll(':scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *')); rootAnimation.addAnimation(leavingContent); if (backDirection) { @@ -443,7 +449,6 @@ export const iosTransitionAnimation = (navEl: HTMLElement, opts: TransitionOptio } } - const leavingToolBarEls = leavingEl.querySelectorAll(':scope > ion-header > ion-toolbar'); leavingToolBarEls.forEach(leavingToolBarEl => { const leavingToolBar = createAnimation(); leavingToolBar.addElement(leavingToolBarEl);