autocomplete panel doesn't pop up when triggering focus on the input programatically

[fxck]

see https://gist.run/?id=19eec6a0d5c69d65dbb847b12009ca9f, it starts working only after you do it the second time

@kara

[willshowell]

I'm not at all familiar with using ngZone, but it seems like this change fixes it

autocomplete.ts


/** Panel should hide itself when the option list is empty. */
_setVisibility() {
  // Promise.resolve().then(() => this.showPanel = !!this.options.length);
  this.zone.run(() => this.showPanel = !!this.options.length);
}

[bergben]

Is there any workaround for this for now?

[willshowell]

The issue actually seems to be that clicking a button to focus the autocomplete triggers an _outsideClickStream event just after it has been opened, thus causing it to immediately close.

As a workaround, you can use a setTimeout to focus it after the outside click event fires.

http://plnkr.co/edit/cKYxnL9f8hV2Uklucd5d?p=preview

[willshowell]

Alternatively use stopPropagation() on the click event

http://plnkr.co/edit/m4W7zAGulSaxhPqqlpzp?p=preview

[willshowell]

Here's an updated plunker https://plnkr.co/edit/gyarTLKwyt97CX9304Fd?p=preview

[bruteforce]

Below code did the trick for me assuming focus is already on input field.

import { MdAutocompleteTrigger} from '@angular/material';

@ViewChild(MdAutocompleteTrigger) trigger;

this.trigger._onChange("");
this.trigger.openPanel();

[mpolutta]

Combined willshowell and bruteforce solutions to solve for our 508 compliance scenario. Clear button is another scenario:
openAutoSearchPanel() {
if (this.searchText.length === 0) {
this.autoSearchInputTrigger._onChange('');
this.autoSearchInputTrigger.openPanel();
}
}
clearSearchText() {
console.log('>>> clearing searchText');
this.searchText = '';
/// hack: Another reported workaround - Allow the ClickStream to finish executing via setTimeout.
/// #3106
setTimeout(() => {
this.autoSearchInput.nativeElement.focus();
this.openAutoSearchPanel();
});
}

[Charius]

yeah, got the same issue while implement custom field with autocomplete, timeout works, but this is pretty weird

[maxterry]

Any update on this...?

[tombolador]

+1, any updates?

[mischkl]

This problem also affects chiplist inputs with autocomplete. 😢