From 44211c11ee929b9966d5e67e99fb6a495380432c Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Mon, 27 Jan 2020 12:21:26 -0500
Subject: [PATCH] fix(refresher): update animation for dashed property values
 (#20310)

---
 core/src/components/refresher/refresher.utils.ts    | 8 ++++----
 core/src/components/refresher/test/basic/index.html | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/core/src/components/refresher/refresher.utils.ts b/core/src/components/refresher/refresher.utils.ts
index 8dcda4d266..13b4a0d0f7 100644
--- 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
index 8eb547a0fb..fa074f5057 100644
--- 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>