Repository: angular
Issue: Unable to navigate to previous route path after navigating multiple times during the initial load of the project window
Labels: type: bug/fix,freq2: medium,area: router,state: confirmed,router: navigation pipe,P3

<!--🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅

Oh hi there! 😄

To expedite issue processing please search open and closed issues before submitting a new one.
Existing issues often contain information about workarounds, resolution, or progress updates.

🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅-->


# 🐞 bug report

### Affected Package
<!-- Can you pin-point one or more @angular/* packages as the source of the bug? -->
This is an issue only with Google Chrome and the back navigation button. This issue is not present in Firefox, Safari or IE11

### Is this a regression?

<!-- Did this behavior use to work in the previous version? -->
The same behaviour happens in v7

### Description

Lets say you implement the `router.navigate` within the `app.component.ts`'s OnInit in order to navigate to a certain path, say `/foo` with component `foo.component.ts` 

and then, 

implement another `router.navigate` within that component's OnInit in order to navigate to path `/bar` with component `bar.component.ts`.

Now if you ONLY press the browser back button, then the browser navigates out of the project into an empty tab (what you started with).

But if you click inside the window before pressing the back button, then it will navigate back to the previous tab `/foo` (which would then navigate to `/bar` again very quickly, but at least it does not navigate out of the project).

The expected behaviour is to be able to navigate back to the previous route without having to click inside the window.

## 🔬 Minimal Reproduction
<!--
Please create and share minimal reproduction of the issue starting with this template: https://stackblitz.com/fork/angular-issue-repro2
-->
In all reproductions, if you click inside the window, the back navigation works as intended, and will continue to work if you refresh the page or the project hot reloads. But once you open it in a new tab and DONT click inside the window, the bug emerges. 

Stackblitz Reproduction.
In this reproduction, after loading the project, open this same link in a new tab. You'll notice that the back button is greyed out and can not be used. 
https://angular-back-navigation-bug.stackblitz.io/

 I've made a small reproduction and placed it inside a repository to be tested on Google Chrome browsers 
https://github.com/samuelzapote/angular-navigation-back-bug-011420

<!--
If StackBlitz is not suitable for reproduction of your issue, please create a minimal GitHub repository with the reproduction of the issue.
A good way to make a minimal reproduction is to create a new app via `ng new repro-app` and add the minimum possible code to show the problem. 
Share the link to the repo below along with step-by-step instructions to reproduce the problem, as well as expected and actual behavior.

Issues that don't have enough info and can't be reproduced will be closed.

You can read more about issue submission guidelines here: https://github.com/angular/angular/blob/master/CONTRIBUTING.md#-submitting-an-issue
-->

## 🔥 Exception or Error
<pre><code>
<!-- If the issue is accompanied by an exception or an error, please share it below: -->
<!-- ✍️-->

</code></pre>


## 🌍  Your Environment

**Angular Version:**
<pre><code>
Angular CLI: 8.3.22
Node: 12.13.0
OS: darwin x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.803.22
@angular-devkit/build-angular     0.803.22
@angular-devkit/build-optimizer   0.803.22
@angular-devkit/build-webpack     0.803.22
@angular-devkit/core              8.3.22
@angular-devkit/schematics        8.3.22
@angular/cli                      8.3.22
@ngtools/webpack                  8.3.22
@schematics/angular               8.3.22
@schematics/update                0.803.22
rxjs                              6.4.0
typescript                        3.5.3
webpack                           4.39.2

</code></pre>

**Anything else relevant?**
<!-- ✍️Is this a browser specific issue? If so, please specify the browser and version. -->
This issue is only present in Google Chrome

<!-- ✍️Do any of these matter: operating system, IDE, package manager, HTTP server, ...? If so, please mention it below. -->