AngularFire $add operation cause the browser to freeze

Question

I am learning Firebase using angularjs. From this tutorial https://thinkster.io/tutorials/angularfire-realtime-slack-clone/creating-the-channels-sidebar, the code used to add a new chat room is like this

channels.$add(vm.newRoom).then(function (ref) {

However, when i run the application, this $add operation successfully add a new record in firebase table but it also causes the whole browser to freeze.

Angular version: 1.6.2 Firebase: 3.7.1 AngularFire: 2.1.0

Answer 1

It's a bug in Firebase 3.7.1. When I reverted to Firebase 3.7.0 my code works and my browsers don't freeze. I've reported the bug to Firebase.