Login button hangs in webapp using firebase login

[TheSeamau5]

I don't know if this is the right place to post this issue but since I've used the firebase-login element I'll post it here.

I made a button that toggles between a login state and a logout state and uses the firebase-login element to authenticate using google oauth.

For reference, I did something similar to what was done in this tutorial. The code in this tutorial also exhibits this same strange behavior.

When I press the login button (a paper-item element), its on-tap attribute is set to a login function that just calls the firebase-login element's login method. It then asks me if I want to authenticate, press okay, and then the button toggles to logout. Everything works fine as long as I am in the browser. If I instead add the web app to the homescreen and do this from there, the login button hangs.

What happens is that, when I press the login button, I'm sent to the browser, the authentication happens there, and when I'm done, I press the back button to go back to the app and I find the login button in a pressed state. And it is impossible to "unpress" it.

I don't know if this is from the firebase-login element, from the firebase library, or just a fundamental difference between how web apps work in the browser and if accessed from the homescreen.

Details:

• I am using a samsung s4 running Android Kitkat using the latest release of Chrome for Android
• I use google as the provider
• As far as I can tell, everything works fine in the browser (both laptop and mobile), the problem appears only when I use the web app from the home screen
• I've added the apple-mobile-web-app-capable and mobile-web-app-capable meta tags so I can see the app in fullscreen when accessing it from the homescreen.