EXCEPTION: This browser is not supported or 3rd party cookies and data may be disabled

Question

This error occurs when our users "Block third-party cookies and site data".

To replicate the error, go to:

1. Check your Chrome browser "Block third-party cookies and site data" reference in this guide
2. Go to https://www.deeptent.com
3. Click SIGN IN
4. Next you will see a blank screen. And if you open up the browser developer console you will see this error:

We always advise our users to Uncheck the blocking of third-party cookies and site data; however, some users still prefer to block it.

1. One can still sign in to their Gmail with this blocked. Interestingly, why can't our users sign in using the Firebase-Google OAuth provided with their third party cookies & site data blocked?

2. We are built with Angular2 and Firebase. Is there no way that the users can still authenticate with third-party cookies and site data blocked?

Answer 1

The domain you're using is deeptent.com, but the domain that firebase is authenticating against and setting cookies from is your .firebaseapp.com domain. So, yes, the cookies are considered third-party. The firebase folks really should take a harder look at how they are connecting custom domains in the firebase hosting setup. Also, see here: Use Google Firebase Authentication without 3rd Party Cookies

Answer 2

I had the same issue with firebase and Angular.

In your environment.ts file, look for:

firebase: {   authDomain: '<domain>.firebaseapp.com', 

And in chrome settings chrome://settings/content/cookies, add the following string to the cookies whitelist:

https://[*.]firebaseapp.com