mat-chip-list with mat-autocomplete

<mat-form-field class="example-full-width">
    <mat-chip-list #chipGrid  style="border: none; border-bottom: none; text-decoration:none;">
      <mat-chip *ngFor="let district of districts"  [editable]="true"  [selectable]="selectable"
        [removable]="removable"  (removed)="remove(district)" class="custom-chip-size">
        {{district.name}}
        <mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
      </mat-chip>
      <input placeholder="Введите или выберете значения" [matAutocomplete]="auto"
           [formControl]="userControl"
           class="filter-field__form-field__search" style="border-bottom: none;"
           [matChipInputFor]="chipGrid"
           [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
           [matChipInputAddOnBlur]="addOnBlur"
           matAutocompleteTriggerAccessor
           />
 
  <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn"  style="border: none;" >
   <mat-option *ngFor="let user of filteredUsers | async | searchfilter: 'region_ref' : regions " [value]="selectedUsers">
        <div (click)="optionClicked($event, user)">
          <mat-checkbox [checked]="user.selected" (change)="toggleSelection(user)" (click)="$event.stopPropagation()">
              {{ user.name }}
          </mat-checkbox>
        </div>
  </mat-option>
</mat-autocomplete>
</mat-chip-list>
</mat-form-field>