Remove the manifest from iOS to allow OAuth redirect to works

Lot of people are having issue with redirect at OAuth flow when using the apple-mobile-web-app-capable feature of iOS:

• https://stackoverflow.com/questions/51993155/redirecting-to-google-oauth-flow-in-progressive-web-app
• https://github.com/nolanlawson/pinafore/issues/45#issuecomment-411492711
• https://github.com/firebase/firebase-js-sdk/issues/77#issuecomment-432413393
• https://github.com/w3c/manifest/issues/449#issuecomment-382297785

I believe it can be solved by changing the: <link rel="manifest" href="manifest.json"> to <link rel="no-on-ios" href="manifest.json"> when on iOS.

It prevent the iOS Safari to process the manifest (which cause the bug)

So, i believe that this pice of code could be inside pwacompat.js to allow many of PWAs use OAuth login:

   var iOS = !!navigator.platform && /iPhone/.test(navigator.platform);
   if(iOS) {
      document.querySelector('link[rel="manifest"]').setAttribute("rel", "no-on-ios");
   }

At least until apple fix this issue (don’t know where or if is been tracked).

https://forums.developer.apple.com/thread/100524

[samthor]

In exciting news, looks like new Safari betas might resolve this issue.

[maku-zuhlke]

Thanks @samthor. I can confirm that iOS 12.2.0 fixes the issue for us. 🎉🎉🎉