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

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

View File

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

View File

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