How to (blur) element in angular except when it's clicked in child elements

How do I use blur, but not activate blur when it's clicked in the child elements? I can't trigger the click event on the li element.

<div class="select-menu">
  <div class="selected" tabindex="0" (blur)="showList = false" (click)="showList = !showList"><span></span></div>
  <ng-container *ngIf="showList">
    <ul>
      <li *ngFor="let item of list; let i=index" (click)="selectItem(item, i)">
        <span></span>
      </li>
    </ul>
  </ng-container>
</div>

from How to (blur) element in angular except when it's clicked in child elements