Prevent click into component from propagating/bubbling up (ember)

I have an inside of an element that itself has an action.
How do I prevent clicking into the input from triggering the click event on the parent element?

1. I have tried bubbles=false.
2. I have also tried extending and in the extended input I caught the click event and called event.preventDefault()

Please try my test case: http://ift.tt/2kvj0Gc

Example hbs:

<div >
  I don't want the click into the input to trigger the div's onlick. Help!<br/>
  
</div>