How to open google Auth screen on a new browser tab - google-authentication

I am using google calendar API to add events to the calendar. But the Auth pop-up window is blocked by the browser for many times. Is there anyway I can open it as a separate browser tab rather than a pop-up.
Because this kills the UX experience for the users. I am having many complains from users.

Related

Can application links for google workspace marketplace apps offer any hint as to who is logging in?

When I create a Google Workspace application, I'm asked for a "Unversal Nav Url" and icon that gets added in the google apps menu:
Unfortunately, when visiting my link from the menu, my application URL is simply opened up in a new tab with no additional information (for example: query string parameter).
Does google allow for any specific options which would allow my application to receive a hint when opened from this menu? Or is my only option to create a SAML 2.0 application, which then doesn't have the same discoverability as a "Marketplace" app?

Third party authentication doesn't work from facebook browser

I have a web application (React js with Kotlin backend) that has normal email + pw (plus PIN) login, and it also supports 3rd party authentication (Google and Facebook). It works on mobile and web, however, when I open my webpage through Facebook app - which opens it's own browser - and try to log in with 3rd party authentication, I can click on that "Continue as me" button, but then the page refreshes and I'm not logged in. I saw the same thing happen on other sites too, e.g. Figma, Pinterest, etc. I thought it's impossible to log in this way anymore, however, I just noticed that you can actually log in to Stackoverflow this way (so facebook app -> facebook browser -> stack overflow -> 3rd party auth and it works).
Has anyone figured it out how it was possible for Stackoverflow to do this?
Ok, I found the solution. The problem was that when a user clicked on 'Login with FB' button on my site, I sent a request to fb to get back a content of a login window and I created a pop up window where I rendered it, I put on a listener on that pop up window and once it was done, then I got the access token and sent it to backend and logged the user in. On a normal browser it works perfect (both pc and mobile) but as I mentioned above it didn't work in an in app browser like facebook app.
The issue was that facebook app opens a website in it's own browser that doesn't handle any pop ups, so after a successful authentication I saw that nothing happened and it was because we were not redirected to the original window where we should have, and it had the token in the url. So the solution was instead of making this pop up window for FB login, just redirect the user to the fb login page (and stay on the same window), and once the login is successful, just handle the token as is.

Detect if a Facebook user is using the "use facebook as" feature using the Javascript sdk

We ran into an edge case where someone using our facebook app opened a notification from a fb page they administer in a new tab. In the new tab they used the "use facebook as" mode as their page and when they came back to the app(different tab), app_requests started timing out and a refresh showed the "you are using facebook as.. switch back" prompt.
Does anyone know if there's a way to detect if a user has started using facebook with the "use as" feature as a different user? I would like to detect the change and then handle the change ex: window.refresh() so facebook will show the prompt.
I've played around with using the FB JS SDK's FB.getLoginStatus but I haven't been able to detect any changes in the response object when I replicate the scenario above.

Browser blocking popup Facebook permissions

I have been creating Facebook apps for sometime now. I use the javascript SDK to trigger a popup to ask for the user's permissions. The popup is activated when the user clicks a button, so not on page load or by an event other than a click. Now recently browsers have been blocking the permissions popup where this NEVER used to be a problem in the past. Any ideas?
Thanks
Tyrone
For Facebook applications, there are several different options for display modes. popup is simply one of them.
You may be interested in using any of the following: page, popup, touch (mobile devices), and iframe. page may be the most convenient for you as iframe is disallowed for certain dialog functionality.
Reference: http://developers.facebook.com/docs/reference/dialogs/
Enjoy and good luck!

Can I distinguish between requests coming from different tabs of same browser?

I need to work on a requirement where if a user has logged into my application from a browser (IE8/9 or Firefox) and he opens a new tab of the same browser and logs in again, then my application should log out the user from previous tab.