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

fix(modal): leave animation transitions modal completely out of viewport on ipad (#20702)

Browse Source 
fixes #20697
This commit is contained in:
Liam DeBeasi
2020-03-06 10:12:21 -05:00
committed by GitHub
parent b6c2a77deb
commit 22d5256810
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/modal/animations/ios.enter.ts
View File

@ -21,7 +21,7 @@ export const iosEnterAnimation = (
const wrapperAnimation = createAnimation() const wrapperAnimation = createAnimation()
.addElement(baseEl.querySelector('.modal-wrapper')!) .addElement(baseEl.querySelector('.modal-wrapper')!)
.beforeStyles({ 'opacity': 1 }) .beforeStyles({ 'opacity': 1 })
.fromTo('transform', 'translateY(100%)', 'translateY(0%)'); .fromTo('transform', 'translateY(100vh)', 'translateY(0vh)');
const baseAnimation = createAnimation() const baseAnimation = createAnimation()
.addElement(baseEl) .addElement(baseEl)

2
core/src/components/modal/animations/ios.leave.ts
View File

@ -18,7 +18,7 @@ export const iosLeaveAnimation = (
const wrapperAnimation = createAnimation() const wrapperAnimation = createAnimation()
.addElement(baseEl.querySelector('.modal-wrapper')!) .addElement(baseEl.querySelector('.modal-wrapper')!)
.beforeStyles({ 'opacity': 1 }) .beforeStyles({ 'opacity': 1 })
.fromTo('transform', 'translateY(0%)', 'translateY(100%)'); .fromTo('transform', 'translateY(0vh)', 'translateY(100vh)');
const baseAnimation = createAnimation() const baseAnimation = createAnimation()
.addElement(baseEl) .addElement(baseEl)