fix(refresher): use componentOnReady utility for CE build (#25783)

Resolves #25782
This commit is contained in:
Sean Perkins
2022-08-22 12:52:47 -04:00
committed by GitHub
parent d631195124
commit bd715a5256

View File

@ -10,7 +10,7 @@ import {
ION_CONTENT_ELEMENT_SELECTOR, ION_CONTENT_ELEMENT_SELECTOR,
printIonContentErrorMsg, printIonContentErrorMsg,
} from '../../utils/content'; } from '../../utils/content';
import { clamp, getElementRoot, raf, transitionEndAsync } from '../../utils/helpers'; import { clamp, componentOnReady, getElementRoot, raf, transitionEndAsync } from '../../utils/helpers';
import { hapticImpact } from '../../utils/native/haptic'; import { hapticImpact } from '../../utils/native/haptic';
import { import {
@ -452,7 +452,7 @@ export class Refresher implements ComponentInterface {
* Waits for the content to be ready before querying the scroll * Waits for the content to be ready before querying the scroll
* or the background content element. * or the background content element.
*/ */
await contentEl.componentOnReady(); componentOnReady(contentEl, async () => {
const customScrollTarget = contentEl.querySelector(ION_CONTENT_CLASS_SELECTOR); const customScrollTarget = contentEl.querySelector(ION_CONTENT_CLASS_SELECTOR);
/** /**
* Query the custom scroll target (if available), first. In refresher implementations, * Query the custom scroll target (if available), first. In refresher implementations,
@ -484,6 +484,7 @@ export class Refresher implements ComponentInterface {
this.disabledChanged(); this.disabledChanged();
} }
});
} }
disconnectedCallback() { disconnectedCallback() {