4eb3b61c7a
* fix: Lazily polyfill ResizeObserver for old iOS * fix: Prevent child rendering until polyfills are loaded * tsc
32 lines
699 B
TypeScript
32 lines
699 B
TypeScript
/**
|
|
* Loads required polyfills.
|
|
*
|
|
* @returns A promise that resolves when all required polyfills are loaded
|
|
*/
|
|
export async function loadPolyfills() {
|
|
const polyfills = [];
|
|
|
|
if (!supportsResizeObserver()) {
|
|
polyfills.push(
|
|
import("@juggle/resize-observer").then((module) => {
|
|
window.ResizeObserver = module.ResizeObserver;
|
|
})
|
|
);
|
|
}
|
|
|
|
return Promise.all(polyfills);
|
|
}
|
|
|
|
/**
|
|
* Detect ResizeObserver compatability.
|
|
*
|
|
* @returns true if the current browser supports ResizeObserver
|
|
*/
|
|
function supportsResizeObserver() {
|
|
return (
|
|
"ResizeObserver" in global &&
|
|
"ResizeObserverEntry" in global &&
|
|
"contentRect" in ResizeObserverEntry.prototype
|
|
);
|
|
}
|