Feature Description
The current order of events when selecting an option from MatAutocomplete is as follows:
- Update the NgModel
- Bring focus to the autocomplete
- Emit select event which calls @output() optionSelected
This is the code which executes this logic.
MatAutocompleteTrigger.prototype._setValueAndClose =
function (event) {
if (event && event.source) {
this._clearPreviousSelectedOption(event.source);
this._setTriggerValue(event.source.value);
this._onChange(event.source.value);
this._element.nativeElement.focus();
this.autocomplete._emitSelectEvent(event.source);
}
this.closePanel();
};
I am proposing to call the focus() event after this.autocomplete._emitSelectEvent(event.source);
The issue is if you want to test the current selected model value in the focus() event it will be incorrect because the setting of the model happens after focus is called.
Use Case
In the focus event we are testing if the model value is blank and if so then open the panel to give suggested search items.
Feature Description
The current order of events when selecting an option from MatAutocomplete is as follows:
This is the code which executes this logic.
I am proposing to call the focus() event after this.autocomplete._emitSelectEvent(event.source);
The issue is if you want to test the current selected model value in the focus() event it will be incorrect because the setting of the model happens after focus is called.
Use Case
In the focus event we are testing if the model value is blank and if so then open the panel to give suggested search items.