javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 03:00:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(animation): avoid partial keyframes (#19169)

Browse Source 
* ensure custom props not part of final keyframes

* fix clear

* clean up
This commit is contained in:
Liam DeBeasi
2019-08-23 12:48:20 -04:00
committed by GitHub
parent c610406ba6
commit f2cfdf1bad
5 changed files with 19 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
core/src/utils/transition/ios.transition.ts
View File

@ -138,7 +138,12 @@ export const iosTransitionAnimation = (navEl: HTMLElement, opts: TransitionOptio
enteringToolBarBg
.beforeClearStyles([OPACITY])
.fromTo(OPACITY, 0.01, 1, true);
.keyframes([
{ offset: 0, opacity: 0.01 },
{ offset: 0.99, opacity: 1 },
{ offset: 1, opacity: 'var(--opacity)' }
// TODO: Find a way to support clearing properties from Web Animations
]);
// forward direction, entering page has a back button
enteringBackButton.fromTo(OPACITY, 0.01, 1);