title: Angular (space) keyevent is behaving like a (tab) after input field disabled
body: <p>I have come across some rather bizarre behaviour with an input of mine.</p>
  <p>I want to do some stuff everytime a user hits the <strong>enter</strong> or <strong>space</strong> key in my input field. When they hit one of these keys, I disable the field until I have finished doing some stuff.</p>
  <p>When I hit the *<em>enter</em> key (<em>keyCode = 32</em>) everything works as planned - the field is disabled until the function does it's stuff.</p>
  <p>However, which I hit the <strong>space</strong> key (<em>keyCode = 13</em>) once the field gets disabled the focus jumps to the next element instead of staying where it should!</p>
  <p>The typescript looks like this:</p>
  <pre><code>podcastsKeyDown(event) {
      if(event.keyCode == 32 || event.keyCode == 13) {
          this.disableInput = true;
      }
  }
  </code></pre>
  <p>The html looks like this:</p>
  <pre><code>&lt;input type=&quot;text&quot; class=&quot;form-control&quot; [(ngModel)]=&quot;text&quot;  
      [disabled]=&quot;disableInput&quot; (keydown)=&quot;keyDown($event)&quot;&gt;
  </code></pre>
  <p>If I remove the following line:</p>
  <pre><code>this.disableInput = true;
  </code></pre>
  <p>the behaviour is as expected. How bizarre!</p>
  <p>Is there anyway to prevent the focus from shifting like this? It is extremely odd behaviour.</p>
  <p>Thanks in advance,</p>
  <p>Tom</p>