fix(refresher): correctly detect spinner when using native refresher (#22800)

resolves #22706
This commit is contained in:
Liam DeBeasi
2021-01-20 17:18:36 -05:00
committed by GitHub
parent 7ecae2e4cb
commit e2d8e5c4dc
2 changed files with 7 additions and 3 deletions

View File

@@ -172,8 +172,8 @@ export const shouldUseNativeRefresher = async (referenceEl: HTMLIonRefresherElem
await refresherContent.componentOnReady();
const pullingSpinner = refresherContent.querySelector('.refresher-pulling ion-spinner');
const refreshingSpinner = refresherContent.querySelector('.refresher-refreshing ion-spinner');
const pullingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-pulling ion-spinner');
const refreshingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-refreshing ion-spinner');
return (
pullingSpinner !== null &&

View File

@@ -21,7 +21,11 @@
<ion-content>
<ion-refresher id="refresher" slot="fixed">
<ion-refresher-content pulling-text="Pull to refresh..." refreshing-text="Refreshing...">
<ion-refresher-content
pulling-icon="arrow-down-outline"
pulling-text="Pull to refresh..."
refreshing-text="Refreshing..."
refreshing-spinner="circles">
</ion-refresher-content>
</ion-refresher>