Dear @bitjuice

Could you provide your code? Below is my example, and everything seems to work fine (dropdown closes correctly):

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="md-form">
        <input
          type="text"
          class="completer-input form-control mdb-autocomplete"
          [ngModel]="searchText | async"
          (ngModelChange)="searchText.next($event)"
          [mdbAutoCompleter]="auto"
          placeholder="Choose your color"
        />
        <mdb-auto-completer #auto="mdbAutoCompleter" textNoResults="I have found no results :(">
          <mdb-option *ngFor="let option of results | async" [value]="option">
            {{ option }}
          </mdb-option>
        </mdb-auto-completer>
      </div>
    </div>
  </div>
</div>
<hr />
<button (click)="onClick()" mdbBtn type="button">clear</button>

TS:

  @ViewChild(MdbAutoCompleterDirective, { static: true })
  mdbAutoCompleter: MdbAutoCompleterDirective;

  searchText = new Subject();
  results: Observable<string[]>;
  data: any = ['red', 'green', 'blue', 'cyan', 'magenta', 'yellow', 'black'];

  ngOnInit() {
    this.results = this.searchText.pipe(
      startWith(''),
      map((value: string) => this.filter(value))
    );
  }

  filter(value: string): string[] {
    const filterValue = value.toLowerCase();
    return this.data.filter((item: string) => item.toLowerCase().includes(filterValue));
  }

  onClick() {
    this.mdbAutoCompleter.clear();
  }

Best Regards, Bartosz.

Hi,

I'm using the new method clear() : it delete correctly input content, but I also need the dropdown to be closed.

How can I do it?

Thanks