[BUG] Google Login Popup Blocked in Test/Preview Mode (Missing 'allow-popups' in iframe)

Troubleshooting

Recently, the Google Login popup stopped working entirely in the Test/Preview mode, throwing the following error on the screen: Error: Unable to establish a connection with the popup. It may have been blocked by the browser.

After investigating the browser console (F12), the root cause is a platform-level issue. FlutterFlow recently updated the test environment to the tm-prod.dreamflow.cloud domain, but it appears the engineering team missed adding a crucial permission to the sandboxed iframe wrapper.

The console explicitly shows this restriction:

Blocked opening '...' in a new window because the request was made in a sandboxed frame whose 'allow-popups' permission is not set.

Because the iframe lacks the allow-popups attribute in its sandbox settings, the browser outright kills the Google Auth popup before it can even open, blocking all authentication flow testing within the builder.

What have you tried so far?

What have you tried so far?:

  1. Firebase & GCP Configuration: I strictly followed the official Google Auth documentation. I also manually added the new test domain (tm-prod.dreamflow.cloud) to both Firebase Authorized Domains and GCP OAuth 2.0 Redirect URIs. The issue persists.

  2. Web Publishing (Success): I published the app to the web (*.flutterflow.app). The Google Login works perfectly there because it is no longer wrapped in the sandboxed iframe.

  3. Local Run (Success): I tested the app on a physical device via Local Run, and authentication works flawlessly.

Conclusion: My configurations are 100% correct. This issue is strictly isolated to the Test/Preview mode iframe sandbox missing the allow-popups attribute. Could the engineering team please push a quick hotfix for this?

Thank you!

Did you check FlutterFlow's Documentation for this topic?
No
1
1 reply