The perils of using Internet Explorer as your default browser

Hi Mitch, 

I don't understand it fully myself because I am not the author of this app. (angular 6)

But when I click the edit button, it seems to start to navigate to edit, but then goes back to the list.

Sample code surrounding issue: I am  not sure how best to help.

angular app

<div class="col-xl-4 col-lg-10">
<button *ngIf="!hidePublishField" class="btn btn-primary disabled" >Edit</button>
<button *ngIf="hidePublishField" class="btn btn-primary" (click)="editArticle();">Edit</button>
<button *ngIf="!acknowledged && hidePublishField " class="btn btn-primary disabled" ngbTooltip="Please identify if the above information is correct by selecting the checkbox attestation to the left.">PUBLISH</button>
<button *ngIf="!hidePublishField" class="btn btn-primary disabled" ngbTooltip="">PUBLISH</button>
<button *ngIf="acknowledged" type="submit" class="btn btn-primary" [disabled]="!acknowledged" (click)="publishArticle();">PUBLISH</button>
</div>

editArticle() {
this.editEvent.emit(this.articleDetails);
}

@Output() editEvent: EventEmitter = new EventEmitter();


package.json stuff

"dependencies": {
"@angular/animations": "6.1.3",
"@angular/common": "6.1.3",
"@angular/compiler": "6.1.3",
"@angular/core": "6.1.3",
"@angular/forms": "6.1.3",
"@angular/http": "6.1.3",
"@angular/platform-browser": "6.1.3",
"@angular/platform-browser-dynamic": "6.1.3",
"@angular/router": "6.1.3",
"@angular/upgrade": "6.1.3",
"@ng-bootstrap/ng-bootstrap": "3.0.0",
"angular-font-awesome": "^3.1.2",
"angular-in-memory-web-api": "0.6.1",
"bootstrap": "4.0.0-beta",
"core-js": "2.5.7",
"font-awesome": "^4.7.0",
"ng-multiselect-dropdown": "^0.2.3",
"ngx-bootstrap": "3.0.0",
"ngx-modal-dialog": "^3.0.0",
"ngx-spinner": "6.1.2",
"ngx-tooltip": "0.0.9",
"rxjs": "6.2.2",
"zone.js": "0.8.26"
},