Showing the splashscreen during Facebook connection on Android

I’m using the ngCordova SplashScreen plugin in order to manage my custom splashscreen display.

I have a landing page with a Facebook Connect button (using ngCordova too).

On iOS, when I click on it, the splashscreen is showed ($cordovaSplashscreen.show()) , and I hide it as soon as the connection is made. Great, as expected.

However, on Android, there’s strictly no animation while Facebook connection is made. (just a very quick spinner the first second).
And my splashscreen automatically disappears…

My code is:

$scope.authenticate = function () {
                $cordovaSplashscreen.show();  // hidden automatically... 
                authentication.login().then(function(response){
                      $cordovaSplashscreen.hide();
                });
        };

Is there a way to keep the splashscreen on the screen while user is connecting through Facebook?

I would point out that the splashscreen configuration is:

<preference name="AutoHideSplashScreen" value="false"/>
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="60000" />

Displayed on the app startup and works as expected.
The only issue is during Facebook connection.

Thanks

I don’t have any problem with the normal splash screen. I am trying to customize my splash screen with a html page and having a hard time with it. Would you mind sharing how you did it. Thanks.