ember element that is hidden by focus out event is blocking click event

I have an odd conundrum.

It appears that when an element is hidden by a focus-out event ember is unable to attach the corresponding click event that triggered the focus out properly. For example with the code below if the <a> tag triggers the focus-out event on the input and the code behind turns _focused to false then the selectOpts event is never triggered. It appears to only happen if the a tag is hidden as a result of the focus-out.

Also oddly it does not matter how the a tag is hidden either if i do just display:none it still also doesn't fire the selectOpt action.

Here is my code:

<div class="dropdown">
    
    
      <ul class='dropdown-menu'>
          
              <li><a href="#" ></a></li>
          
      </ul>
    
</div>

Here is a ember twilldle showing the issue.

http://ift.tt/2jpqKIW

In order to get it to show the issue focus in on the text area and then try to select one of the links that appear below the input. What is supposed to happen is that when you select the link it is to populate the input field with the value.