fix(animation): fix header flicker on ios (#17422)

* add initial fix for flicker on ios

* fix(transition): do not remove opacity from outgoing element
This commit is contained in:
Liam DeBeasi
2019-03-04 13:32:58 -05:00
committed by GitHub
parent c641ae10ed
commit ad20bd6a70

View File

@ -167,9 +167,9 @@ export function iosTransitionAnimation(AnimationC: Animation, navEl: HTMLElement
rootTransition.add(leavingToolBar); rootTransition.add(leavingToolBar);
// fade out leaving toolbar items // fade out leaving toolbar items
leavingBackButton.fromTo(OPACITY, 0.99, 0, true); leavingBackButton.fromTo(OPACITY, 0.99, 0);
leavingTitle.fromTo(OPACITY, 0.99, 0, true); leavingTitle.fromTo(OPACITY, 0.99, 0);
leavingToolBarItems.fromTo(OPACITY, 0.99, 0, true); leavingToolBarItems.fromTo(OPACITY, 0.99, 0);
if (backDirection) { if (backDirection) {
// leaving toolbar, back direction // leaving toolbar, back direction
@ -179,7 +179,7 @@ export function iosTransitionAnimation(AnimationC: Animation, navEl: HTMLElement
// should just slide out, no fading out // should just slide out, no fading out
leavingToolBarBg leavingToolBarBg
.beforeClearStyles([OPACITY]) .beforeClearStyles([OPACITY])
.fromTo(OPACITY, 1, 0.01, true); .fromTo(OPACITY, 1, 0.01);
if (backButtonEl) { if (backButtonEl) {
const leavingBackBtnText = new AnimationC(); const leavingBackBtnText = new AnimationC();