diff --git a/.changeset/metal-sloths-occur.md b/.changeset/metal-sloths-occur.md new file mode 100644 index 0000000..be5ee94 --- /dev/null +++ b/.changeset/metal-sloths-occur.md @@ -0,0 +1,5 @@ +--- +"simple-stack-query": patch +--- + +fixes issue where `$.ready` does not fire in Safari or Firefox when using Astro view transitions with `fallback="none"` diff --git a/packages/query/src/internal.ts b/packages/query/src/internal.ts index 1110827..e66f923 100644 --- a/packages/query/src/internal.ts +++ b/packages/query/src/internal.ts @@ -25,7 +25,10 @@ export function create$(scope: typeof scopeFn) { return [...document.querySelectorAll(selector)]; }, ready(callback: () => MaybePromise void)>) { - if (transitionEnabledOnThisPage()) { + const fallback = document + .querySelector('meta[name="astro-view-transitions-fallback"]') + ?.getAttribute("content"); + if (transitionEnabledOnThisPage() && fallback !== "none") { let cleanup: (() => void) | undefined; document.addEventListener("astro:page-load", async () => {