Merge pull request #75 from bholmesdev/fix/query-view-transitions

fix: check for fallback when using view transitions event
bholmesdev · Jul 22, 2024 · 702d09e · 702d09e
2 parents 431b203 + 56a4000
commit 702d09e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/metal-sloths-occur.md 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
@@ -25,7 +25,10 @@ export function create$(scope: typeof scopeFn) {
 			return [...document.querySelectorAll(selector)];
 		},
 		ready(callback: () => MaybePromise<undefined | (() => 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 () => {