title: Focusout is trigger after click on child element text box in agular
body: <p>When I click on nested element of div then focus out element is triggering. Focus out trigger should not trigger while click on inner input element. What I missing here?</p>
  <pre><code>      &lt;div class=&quot;form-group col-md-12 &quot; &gt; 
          &lt;label&gt;Labels&lt;/label&gt;&lt;br /&gt;
          &lt;div tabindex=&quot;0&quot; style=&quot; border: 1px solid #ced4da; border-radius: 0.25rem; width: 100%; margin-left: 0px; padding: 3px;min-height:55px;&quot; class=&quot;row&quot; (click)=&quot;enterTagArea()&quot; (focusout)=&quot;moveoutFromTagArea()&quot; &gt;
            &lt;span *ngFor=&quot;let tag of tags&quot; class='tag'&gt;{{tag}} &lt;span class='close' (click)=&quot;removeTag(tag)&quot;&gt;&lt;b&gt;&amp;times;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;
  
            &lt;div class=&quot;autocomplete&quot; style=&quot;width:300px;float:left;&quot;&gt;
              
              &lt;mat-form-field&gt;
                &lt;input type=&quot;text&quot; placeholder=&quot;Label&quot; matInput [formControl]=&quot;myControl&quot; [matAutocomplete]=&quot;auto&quot; (keypress)=&quot;(( ($event.keyCode&gt;= 65 &amp;&amp; $event.keyCode&lt;= 90) ||($event.keyCode&gt;= 97 &amp;&amp; $event.keyCode&lt;= 122)||($event.keyCode&gt;= 48 &amp;&amp; $event.keyCode&lt;= 57)|| $event.keyCode==95|| $event.keyCode==45) ? true:false)&quot; (keyup.enter)=&quot;onEnterAddTag()&quot; class=&quot;form-controlForTag&quot; maxlength=&quot;15&quot; style=&quot;width: 152px&quot;&gt;
                &lt;mat-autocomplete autoActiveFirstOption #auto=&quot;matAutocomplete&quot; (optionSelected)='onEnterAddTag()' style=&quot;width: 100%&quot;&gt;
                  &lt;mat-option *ngFor=&quot;let option of filteredOptions | async&quot; [value]=&quot;option&quot; style=&quot;width: 150%&quot;&gt;
                    {{option}}
                  &lt;/mat-option&gt;
                &lt;/mat-autocomplete&gt;
              &lt;/mat-form-field&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
        &lt;/div&gt;
  </code></pre>