title: Angular 5 keyup events is fired twice
body: <p>So I have a very simple app, literaly a simple hello world, on top of that I added bootstrap for the design and ng-bootstrap for the components.</p>
  
  <p>In one ts file I have the following code:</p>
  
  <pre><code>showMeTheKey(event: KeyboardEvent) {
      console.log(event);
  }
  </code></pre>
  
  <p>On an html page I have the following code:</p>
  
  <pre><code>&lt;input (keyup)="showMeTheKey($event)"&gt;
  </code></pre>
  
  <p>This results in two events appearing on the console whenever I press a key, the events are the same except the timestamp that is of course different (it's some microseconds differences here)</p>
  
  <p>Any idea why this is happening ? Or is it normal ?</p>
  
  <p>Thanks !</p>
  
  <p>EDIT: To answer the comments here is my app code</p>
  
  <p>Here is my app.module:</p>
  
  <pre><code>import { HttpClientModule } from '@angular/common/http';
  import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { AppComponent } from './app.component';
  import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
  import { InputModule } from './input/input.module';
  import { NavbarComponent } from './navbar/navbar.component';
  
  @NgModule({
    declarations: [
      AppComponent,
      NavbarComponent,
    ],
    imports: [
      BrowserModule,
      HttpClientModule,
      InputModule,
      NgbModule.forRoot()
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>Here is my app component:</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css']
  })
  export class AppComponent {
      title = 'app';
  
      showMeTheKey(event: KeyboardEvent) {
          console.log(event);
          event.stopImmediatePropagation();
      }
  }
  </code></pre>
  
  <p>And here is my app html:</p>
  
  <pre><code>&lt;input (keyup)="showMeTheKey($event)"&gt;
  </code></pre>
  
  <p>EDIT 2: Here is an online demo with an editor so you can have access to the code (of course on the live demo press F12 to see the logs):</p>
  
  <p>Live demo: <a href="https://angular-znlk4p.stackblitz.io" rel="nofollow noreferrer">https://angular-znlk4p.stackblitz.io</a></p>
  
  <p>Editor: <a href="https://stackblitz.com/edit/angular-znlk4p" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-znlk4p</a></p>
  
  <p>EDIT 3: Here is a printscreen of the event firing twice in the demo
  <a href="https://i.stack.imgur.com/SAYiC.png" rel="nofollow noreferrer">image</a></p>