title: keyboard events binding in component within contenteditable
body: <p>I try to listen to keyboard events on a component inside div[contenteditable=true]. why is it not working? </p>
  
  <p>plunk <a href="http://plnkr.co/edit/Tjmihqc1r5UrS3XJ3QQ0?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/Tjmihqc1r5UrS3XJ3QQ0?p=preview</a> </p>
  
  <p>template:</p>
  
  <p><code>&lt;div contenteditable="true"&gt; &lt;h2 (keydown)="log($event)" (keyup)="log($event)" (keypress)="log($event)" (click)="log($event)"&gt;Hello {{name}}&lt;/h2&gt; &lt;/div&gt;</code></p>
  
  <p>click - work</p>
  
  <p>keydown,keyup,keypress - not work</p>
  
  <p>UPDATE:
  I discovered that the problem does not apply to angular 2
  its contenteditable related <a href="https://stackoverflow.com/questions/5072164/keypress-event-on-nested-content-editable-jquery">Keypress event on nested content editable (jQuery)</a></p>