[firebase.js line 72] Uncaught Error: The popup has been closed by the user before finalizing the operation. #94

jltk · 2016-09-19T12:57:26Z

I'm following the Polymer Firebase PWA Tutorial on codelabs and getting this console error when trying to run the site after Step 22:

Uncaught Error: The popup has been closed by the user before finalizing the operation. -- on line 72 of firebase.js

Even though I don't click anything.

note-app.html

<link rel="import" href="bower_components/note-app/common/note-app/na-elements.html">
<link rel="import" href="bower_components/app-storage/app-indexeddb-mirror/app-indexeddb-mirror.html">
<link rel="import" href="bower_components/polymerfire/polymerfire.html">
<dom-module id="note-app">
  <template>
    <style include="note-app-shared-styles"></style>
    <na-toolbar
      signed-in="[[signedIn]]"
      on-sign-out="signOut">
    </na-toolbar>
    <na-login
      on-sign-in="signIn"
      signed-in="[[signedIn]]"
      disabled="[[!online]]">
    </na-login>
    <firebase-auth
        id="auth"
        app-name="notes"
        provider="google"
        signed-in="{{signedIn}}"
        user="{{user}}">
    </firebase-auth>
    <paper-fab
      icon="add"
      on-tap="create"
      disabled="[[!online]]"
      aria-label="Add note">
    </paper-fab>
    <na-editor
      id="editor"
      note="{{editableNote}}"
      on-close="commitChange">
    </na-editor>
  </template>
  <script>
    Polymer({
      is: 'note-app',

      behaviors: [Polymer.NoteAppBehavior],

      signIn: function() {
      this.$.auth.signInWithPopup();
    }
    });
  </script>
</dom-module>

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
    <title>Notes</title>
    <link rel="manifest" href="manifest.json">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="application-name" content="Notes">
    <meta name="theme-color" content="#353C58">
    <link rel="icon"
      sizes="192x192"
      href="bower_components/note-app/common/images/icon-4x.png">
    <style>
      body {
        margin: 0;
      }
    </style>
    <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
    <script src="bower_components/web-animations-js/web-animations.min.js"></script>
    <link rel="import" href="bower_components/platinum-sw/platinum-sw-elements.html">
    <link rel="import" href="bower_components/polymerfire/firebase-app.html">
    <link rel="import" href="note-app.html">
  </head>
  <platinum-sw-register
    auto-register
    skip-waiting
    clients-claim
    reload-on-install
    href="sw-import.js">
    <platinum-sw-cache
      default-cache-strategy="networkFirst">
    </platinum-sw-cache>
  </platinum-sw-register>
  <firebase-app
    name="notes"
    api-key="AIzaSyBWFANLqngLRRA1c8MJ5t-6FOdqz7NUFiY"
    auth-domain="noteapp-5a95a.firebaseapp.com"
    database-url="https://noteapp-5a95a.firebaseio.com">
  </firebase-app>
  <body>
    <note-app></note-app>
  </body>
</html>

Any help is appreciated.

The text was updated successfully, but these errors were encountered:

machados · 2016-09-25T14:42:49Z

I've found the same issue and I would like to add that it works as expected in Safari but not on Chrome for Mac.

jltk · 2016-10-02T01:32:38Z

Yes, I forgot to add that I was testing it with the latest Chrome version for Windows.

johnqiuwan · 2016-10-05T00:30:40Z

I run into the same issue as you guys

akki9c · 2016-10-20T01:52:07Z

I too face the same issue in latest chrome in window. some times pop up just open by clicking on sign in then just closed and throw an error:

Uncaught Error: This domain (smartmulticlipboard.com) is not authorized to run this operation. Add it to the OAuth redirect domains list in the Firebase console -> Auth section -> Sign in method tab.

Even I added my domain in Authorized domains list.

Update comment: It works for me after adding both format of domain in Authorized domains list i.e
www.example.com and example.com. I hope this helps someone. Thanks!

glennss · 2016-10-26T17:03:58Z

Also got this error, any answer yet ??

fdambrosio · 2017-11-04T18:53:42Z

I have the same problem , do you have a solution?

Venryx · 2017-11-12T22:25:47Z

This issue shows up for a user of my site (https://debatemap.live) as well. Not yet sure what's causing it.

The error message in Sentry is just:

Error: Network Error
  at Tg/</</</e< (~/firebase/auth.js:144:29)
  at wrapped (~/raven-js/src/raven.js:298:1)

browser = Firefox 56.0
browser.name  = Firefox
environment = production
level = error
logger = javascript
os.name  = Windows 7
sentry:release = 0.0.1
sentry:user = ip:39.57.143.117
transaction = firebase/auth in Tg/</</</e<
url = https://debatemap.live/

The code triggering the error is between the "==========" lines in the code below (there isn't source-code access, so I had to prettify the minified code, and the marked section was on one line):

var Tg = function(a) {
        return Wg().then(function() {
            return new C(function(b, c) {
                M("gapi.iframes.getContext")().open(Vg(a).value(), function(d) {
                    a.ac = d;
                    a.ac.restyle({
                        setHideOnLeave: !1
                    });
                  
==========
                    var e = setTimeout(function() {
                            c(Error("Network Error"))
                        }, Xg.get()),
                        f = function() {
                            clearTimeout(e);
                            b()
                        };
                    d.ping(f).then(f, function() {
                        c(Error("Network Error"))
                    })
                })
            })
        })
    };
Ug.prototype.sendMessage = function(a) {
    var b = this;
    return this.Uc.then(function() {
        return new C(function(c) {
            b.ac.send(a.type, a, c, M("gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER"))
        })
    })
};
==========

And the error message displayed by the window.onerror catcher is just:

An error has occurred: The popup has been closed by the user before finalizing the operation.

Additional info from user:

No, pop-ups are not disabled. The window showed up and I chose my account, it closed itself and then your app flashed a message on the page. I tried signing in, but like my girlfriend, it wouldn't let me.

Any ideas?

Guria · 2018-03-13T14:43:03Z

Have very similar issue here.
SignIn working fine on desktop Chrome, but attempt on my OnePlus 5 with latest Chrome fails with "The popup has been closed by the user before finalizing the operation". Popup appears correctly and autocloses after successful login.

Using firebase@4.11.0 from npm

newbeeios · 2018-03-19T21:32:45Z

Any answer for this yet? I have the same problem

Guria · 2018-03-20T04:59:51Z

@newbeeios I have solved my by adding ip of my machine to allowed list in firebase auth settings

newbeeios · 2018-03-20T11:59:50Z

My website is hosted on a godaddy server do I have to give the godaddy server up in the allowed list or my local ip? Is this the real work around or a temporary fix to This problem ?

…

Sent from my iPhone

On Mar 20, 2018, at 12:59 AM, Aleksey Guryanov ***@***.***> wrote: @newbeeios I have solved my by adding ip of my machine to allowed list in firebase auth settings — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

DarshanGowda0 · 2018-03-21T21:03:15Z

@newbeeios and @Guria I had the same problem on my One plus 5, I changed the sign-in method to signInWithRedirect() instead of signInWithPopup() and it works perfectly.

schankam · 2018-09-07T15:58:37Z

Same issue here, does not work when my app is run in production mode. But works in dev !

Franweb79 · 2018-11-07T00:38:33Z

Same issue here, does not work when my app is run in production mode. But works in dev !

I solved it adding the domain on the authorized domains on Firebase console (it is in authentication field).

Christilut · 2019-12-24T09:35:26Z

I'm also sporadically getting this error.

Safari 13.0.2, OSX 10.15

PixsaOJ · 2020-06-30T12:16:00Z

Adding domains is not fixing it, I'm on Firefox using multi-account containers (same container for git and the website or localhost)

oybek9508 · 2020-10-21T03:24:47Z

It works on safari. At first, I also encountered the same issue. And then, I used safari instead of chrome until I finished everything with firebase. Then, once I finished every firebase stuff, it also started working on chrome.

anhnbt · 2021-02-18T01:35:53Z

I went to Firebase > My Project > Authentication> Sign-in providers > Enable google and it worked

ed-workbase · 2021-04-05T16:29:13Z

Just wanna followup that I also had this and after adding the correct Auth providers in firebase, I also had to add to the website restrictions on my Browser Key in GCP console.

x1ddos assigned cdata Sep 19, 2016

peterblazejewicz mentioned this issue Oct 17, 2016

Uncaught Error: The popup has been closed by the user before finalizing the operation googlearchive/polymon-issues#4

Open

muan mentioned this issue Oct 22, 2016

Keep the emoji I picked instead of overwriting all things notwaldorf/mojibrag#40

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[firebase.js line 72] Uncaught Error: The popup has been closed by the user before finalizing the operation. #94

[firebase.js line 72] Uncaught Error: The popup has been closed by the user before finalizing the operation. #94

jltk commented Sep 19, 2016

machados commented Sep 25, 2016

jltk commented Oct 2, 2016

johnqiuwan commented Oct 5, 2016

akki9c commented Oct 20, 2016 •

edited

Loading

glennss commented Oct 26, 2016

fdambrosio commented Nov 4, 2017

Venryx commented Nov 12, 2017 •

edited

Loading

Guria commented Mar 13, 2018 •

edited

Loading

newbeeios commented Mar 19, 2018

Guria commented Mar 20, 2018

newbeeios commented Mar 20, 2018 via email

DarshanGowda0 commented Mar 21, 2018

schankam commented Sep 7, 2018

Franweb79 commented Nov 7, 2018 •

edited

Loading

Christilut commented Dec 24, 2019

PixsaOJ commented Jun 30, 2020

oybek9508 commented Oct 21, 2020

anhnbt commented Feb 18, 2021 •

edited

Loading

ed-workbase commented Apr 5, 2021

[firebase.js line 72] Uncaught Error: The popup has been closed by the user before finalizing the operation. #94

[firebase.js line 72] Uncaught Error: The popup has been closed by the user before finalizing the operation. #94

Comments

jltk commented Sep 19, 2016

machados commented Sep 25, 2016

jltk commented Oct 2, 2016

johnqiuwan commented Oct 5, 2016

akki9c commented Oct 20, 2016 • edited Loading

glennss commented Oct 26, 2016

fdambrosio commented Nov 4, 2017

Venryx commented Nov 12, 2017 • edited Loading

Guria commented Mar 13, 2018 • edited Loading

newbeeios commented Mar 19, 2018

Guria commented Mar 20, 2018

newbeeios commented Mar 20, 2018 via email

DarshanGowda0 commented Mar 21, 2018

schankam commented Sep 7, 2018

Franweb79 commented Nov 7, 2018 • edited Loading

Christilut commented Dec 24, 2019

PixsaOJ commented Jun 30, 2020

oybek9508 commented Oct 21, 2020

anhnbt commented Feb 18, 2021 • edited Loading

ed-workbase commented Apr 5, 2021

akki9c commented Oct 20, 2016 •

edited

Loading

Venryx commented Nov 12, 2017 •

edited

Loading

Guria commented Mar 13, 2018 •

edited

Loading

Franweb79 commented Nov 7, 2018 •

edited

Loading

anhnbt commented Feb 18, 2021 •

edited

Loading