title: How to make dropdown items "clickable" by enter button?
body: <p>I'm developing an app with Angular and Semantic-UI.</p>
  
  <p>I have a dropdown menu like the following: <a href="https://plnkr.co/edit/BTCxfk" rel="nofollow noreferrer">https://plnkr.co/edit/BTCxfk</a></p>
  
  <pre><code>&lt;div class="ui right labeled top pointing floating icon button dropdown"&gt;
      &lt;i class="icon folder open"&gt;&lt;/i&gt;
      &lt;span class="text"&gt;Menu&lt;/span&gt;
      &lt;div class="menu"&gt;
          &lt;div class="item" (click)="onClickItem()" *ngFor="#m of menu"&gt;
              &lt;i class="icon sign in"&gt;&lt;/i&gt;
              {{m}}
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to have that users can click on a single item using <code>tab</code> and <code>enter</code> buttons.</p>
  
  <p>As you can see they can only move towards menu items, but they can't trigger the click event.</p>
  
  <p>Any idea?</p>