title: Angular - onFocus function not works on tag-input
body: <p>I'm using tag-input, but I can't implement the <code>(onFocus)</code> function.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="force-to-the-bottom"&gt;
        &lt;tag-input [ngModel]="item" (onAdd)="onAdded($event)" 
         (focus)="focusFunction($event)" 
           (onRemove)="onItemRemoved($event)"&gt;  
        &lt;/tag-input&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>Component</strong></p>
  
  <pre><code>onAdded($event: any) {
      console.log("Added Success");
    }
  
    focusFunction($event: any){
      console.log("Focused Success");
    }
  
  
    onItemRemoved($event: any) {
      console.log("Removed Success");
    }
  </code></pre>
  
  <p>The very strange thing is that onItemRemoved works properly, while focusFunction not fire.</p>
  
  <p>This my <a href="https://stackblitz.com/edit/angular-jmidpt" rel="nofollow noreferrer">demo</a></p>
  
  <p>I can't understand what I'm doing wrong.</p>
  
  <p>Can someone help me?</p>
  
  <p>Thanks</p>