fix(refresher): update animation for dashed property values (#20310)

ionic-team · Jan 27, 2020 · 44211c1 · 44211c1
1 parent 52f713c
commit 44211c1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/core/src/components/refresher/refresher.utils.ts b/core/src/components/refresher/refresher.utils.ts
@@ -41,10 +41,10 @@ const createBaseAnimation = (pullingRefresherIcon: HTMLElement) => {
   const circleInnerAnimation = createAnimation()
     .addElement(circle)
     .keyframes([
-      { offset: 0, 'stroke-dasharray': '1px, 200px' },
-      { offset: 0.20, 'stroke-dasharray': '1px, 200px' },
-      { offset: 0.55, 'stroke-dasharray': '100px, 200px' },
-      { offset: 1, 'stroke-dasharray': '100px, 200px' }
+      { offset: 0, strokeDasharray: '1px, 200px' },
+      { offset: 0.20, strokeDasharray: '1px, 200px' },
+      { offset: 0.55, strokeDasharray: '100px, 200px' },
+      { offset: 1, strokeDasharray: '100px, 200px' }
     ]);
 
   const circleOuterAnimation = createAnimation()

diff --git a/core/src/components/refresher/test/basic/index.html b/core/src/components/refresher/test/basic/index.html
@@ -21,7 +21,7 @@
 
     <ion-content>
       <ion-refresher id="refresher" slot="fixed">
-        <ion-refresher-content pulling-text="Pull to refresh..." refreshing-spinner="bubbles" refreshing-text="Refreshing...">
+        <ion-refresher-content pulling-text="Pull to refresh..." refreshing-text="Refreshing...">
         </ion-refresher-content>
       </ion-refresher>