Why is my Angular guard closing my dialog?

In my Angular guard I want to be able to control the arrow buttons from the browser. When the user clicks the back arrow I want to cancel the navigation and just return 1 page in my dialog.

Canceling the navigation seems to work because of the guard system in Angular. The strange part is that when my guard returns false (don't route away) it closes my dialog. Even when setting the disableClose property to true.

Any idea on why this is happening?

public canDeactivate(component: any): Observable<boolean> | boolean {
if (this.navigationHelperService.browserBackArrowClicked && this.navigationHelperService.contentSwitcherDialogActive()) {
this.navigationHelperService.browserBackArrowClicked = false;
this.contentSwitcherService.dialogRef.disableClose = true;
return false;
}

Continue reading...