test(ac): transform changes

ionic-team · Oct 17, 2024 · 60820bb · 60820bb
1 parent f5e7494
commit 60820bb
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/core/src/components/action-sheet/action-sheet.scss b/core/src/components/action-sheet/action-sheet.scss
@@ -68,7 +68,7 @@
 
 .action-sheet-wrapper {
   @include position(null, 0, 0, 0);
-  // @include transform(translate3d(0, 100%, 0));
+  @include transform(translate3d(0, 100%, 0));
 
   display: block;
   position: absolute;

diff --git a/core/src/components/action-sheet/animations/md.enter.ts b/core/src/components/action-sheet/animations/md.enter.ts
@@ -20,7 +20,10 @@ export const mdEnterAnimation = (baseEl: HTMLElement): Animation => {
 
   wrapperAnimation
     .addElement(baseEl.querySelector('.action-sheet-wrapper')!)
-    .fromTo('transform', 'translateY(100%)', 'translateY(0%)');
+    .keyframes([
+      { offset: 0, transform: 'translateY(100%)' },
+      { offset: 1, transform: 'translateY(0%)' }
+    ]);
 
   return baseAnimation
     .addElement(baseEl)

diff --git a/core/src/components/action-sheet/animations/md.leave.ts b/core/src/components/action-sheet/animations/md.leave.ts
@@ -14,7 +14,10 @@ export const mdLeaveAnimation = (baseEl: HTMLElement): Animation => {
 
   wrapperAnimation
     .addElement(baseEl.querySelector('.action-sheet-wrapper')!)
-    .fromTo('transform', 'translateY(0%)', 'translateY(100%)');
+    .keyframes([
+    { offset: 0, transform: 'translateY(0%)' },
+    { offset: 1, transform: 'translateY(100%)' }
+  ]);
 
   return baseAnimation
     .addElement(baseEl)