Tabs in HomePage with Angularfire 2

Ionic Framework ionic-v3
1

Hi. I have 4 tabs inside HomePage (current root page). When I successfully update a toggle button on the 4th tab which saves to Firebase, the root page reloads and since it contains the tabs, it always sets to the default tab instead of staying at the 4th tab.

It was working really well before I added the InAppBrowser. It is also working on ionic serve but not using a real device. I really dont know what happened. Its been 5 days since I started fixing this. May someone tell me what have I done wrong? TIA! :slight_smile:

let usersList = this.afd.list('/users');
    usersList.update(id, {
      status: status
    }).then(data => {
      this.presentToast(status);
    }).catch(error => {
      console.log(JSON.stringify(error));
    });

cli packages: (C:\Users\junjunhernandez\AppData\Roaming\npm\node_modules)

@ionic/cli-utils  : 1.9.2
ionic (Ionic CLI) : 3.9.2

global packages:

Cordova CLI : 7.0.1

local packages:

@ionic/app-scripts : 2.1.4
Cordova Platforms  : android 6.2.3 browser 4.1.0
Ionic Framework    : ionic-angular 3.6.1

System:

Node : v7.6.0
npm  : 4.1.2
OS   : Windows 10