How to execute click function before the blur function : <p>I've got a simple issue but I can't seem to figure out any solution.</p>

<p>Basically I've got an input that toggles a dropdown when focused, and when it's not focused anymore it should close the dropdown.</p>

<p>However, the problem is that if you click on an item in the dropdown, the <code>blur</code> function is executed before the <code>click</code> function of the item, causing the <code>click</code> function not to run at all since the dropdown closes before the click is registered. </p>

<p>How can I solve this?</p>

<pre><code>&lt;input (focus)="showDropdown()" (blur)="myBlurFunc()"&gt;
&lt;ul&gt;
  &lt;li *ngFor="let item of dropdown" (click)="myClickFunc()"&gt;{{item.label}}&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
