shopify_app: Safari 13.0.4 refreshes 3 times, and returns Shopify Admin error: "The application can’t be loaded with the current version of Safari, try clearing your cookies or using another browser"
Steps to reproduce:
-
Set up the clean Shopify app on Rails 5.x using the
shopify_appsetup instructions. -
Run the app, and tunnel using Ngrok.
-
Open it on Chrome - see that the sample works.
-
Open the Safari 13.0.4.
-
Go to Safari
Preferences -> Privacy -> Manage Website Dataand clear all the data related to domainsngrokandmyshopify.com. -
Make sure that in Safari Privacy preferences it’s not blocking cookies and not preventing cross-site tracking:
-
Open the app via Shopify Admin on Safari 13.0.4.
-
See that it shows the full-screen page telling: “Your browser needs to authenticate My Shopify App”.
-
Press the blue “Continue” button.
-
See that the browser loops the redirect 3 times, and then Shopify Admin shows the error toast: The application can’t be loaded with the current version of Safari, try clearing your cookies or using another browser.
Expected result:
When opening with Safari, after pressing “Continue” on the page “Your browser needs to authenticate My Shopify App”, it should show another page inside the iframe asking to press the button there telling that it needs to accept cookies. Then Safari should show the ITP cookies confirmation popup. But that is not happening.
Alternatives attempted:
- Clearing all cookies and website data - same result.
- Opening Safari in Private Window - same result.
- Tried with Safari Technology Preview
Release 97 (Safari 13.1, WebKit 15609.1.11.4)- there it just refreshed once, and opened the app. It didn’t ask to confirm cookies, even though I set to disable all 3rd party cookies (ITP) under Develop -> Experimental features.
Proof that others have this issue
During the last 2 days we had at least 4 customers complaining about the same issue.
About this issue
- Original URL
- State: closed
- Created 5 years ago
- Reactions: 2
- Comments: 33 (19 by maintainers)
Okay, I have found someone who is working on a fix for this. I have asked them to update you here. @uurcankaya you are right in that it is the cross-site tracking protection that is preventing your cookie storage. Also, the message that you are seeing @marisveide is our loop detector which is probably happening because the cookie cannot be persisted. I hope to have an update for you soon
Hi @peterfealey! Yes, our alternative solution is in public beta, give it a look! https://shopify.dev/tools/app-bridge/authentication
Issues loading apps in Safari usually fall into one of three categories:
We know getting Safari’s ITP right is a challenge, which is why we’re working on a solution that doesn’t require cookies to function (see: https://twitter.com/jmwind/status/1256249454430224386). It’s in beta with a limited number of apps right now, and we plan to get it to you this summer. Stay tuned!
Hi team. Have another merchant experiencing the redirect loop, followed by “The application can’t be loaded with the current version of Safari, try clearing your cookies or using another browser” error. As Alan mentioned, disabling
Prevent cross-site trackingdoes seem to work, but not sure if that is ideal.Video with cross-site tracking disabled Video with cross-site tracking enabled
Internal
Zendesk | AdequateDesk
It seems like this is the issue here. https://github.com/Shopify/shopify_app/issues/944 I will try to have a fix for this soon.
Hi folks, I’m looking to get an update on this.
If I’m not mistaken it could have been resolved with #1039, may I get that confirmed.
Thanks
I am experiencing something similar when using Chrome 80.0.3987.42.
Firefox has no issues.