View Transitions not working when deployed (Netlify, Cloudflare Pages)

[solemn ivy]

I realize there are some gh issues about it, but I wonder where people working with view transitions are deploying.
Transitions work in local dev and stackblitz but don't work when deployed to either Netlify or CloudflarePages.

Here it's deployed to Netlify: https://beautiful-daifuku-cb3e8f.netlify.app/

Here's the stackblitz deploy: https://stackblitz.com/github/samnj/transitions-testing

And here's the repo: https://github.com/samnj/transitions-testing

I also tested with an older Astro version (3.1.0) and the results were the same for all three.

@icy topaz maybe you're interested. No sense keeping it in offtopic

[modern quail]

Hi, I can see this console error with Netlify

Access to script at 'https://identity.netlify.com/v1/netlify-identity-widget.js' from origin 'https://beautiful-daifuku-cb3e8f.netlify.app' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I'm not sure if that's having an effect, but it's worth a try.
https://answers.netlify.com/t/cors-error-with-identity-widget-on-deployed-website/75484

[solemn ivy]

oh that's something i was going to fix. It's a remnant of the actual code i was working with, so I'll just delete it and give it a try

jesus christ i'm such an idiot. It works now

i'm super tired and thought "i'll fix it later" and completely forgot about it

thanks! I'll replace the script and see if it works in the actual code

[modern quail]

Oh, and about Cloudflare Pages, do you have the Rocket Loader enabled? I used to have this enabled and had a bug related to View Transitions.
If you try Cloudflare Pages, please disable the Rocket Loader. (but I think it's probably because https://identity.netlify.com/v1/netlify-identity-widget.js was loaded in the Cloudflare Pages environment as well.)

[solemn ivy]

it works @modern quail. Such a stupid oversight

thanks a lot! I'll keep the cloudflare pages tip in mind too

i deployed there just for testing purposes

[tropic peak]

This is breaking because the <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script> tag is being hoisted as a module by default, adding is:inline to the tag will fix the error

[ancient drift]

This one is full of view transitions and is deployed on Cloudflare pages 😏 https://events-3bg.pages.dev/
Besides what @modern quail already mentioned, do you have any other issues on Cloudflare I could help with, ?