Clearing input model for typeahead on blur does not work if results list is present

Bug description:

• Trying to clear the input model programmatically on blur event does not work if the result window is present and results are showing

Link to minimally-working plunker that reproduces the issue:

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

• In search type lkjhsdfsdf and blur, notice the text clears correctly
• In search type ‘ma’ and notice results are present. Blur the input and notice the text stays in the input

The same issue happens if you try to set the value of the input directly as well.

Version of Angular, ng-bootstrap, and Bootstrap:

Angular: 4.0.1

ng-bootstrap: 1.0.0-alpha.22

Bootstrap: 4.0.0-alpha.6

[mikeysteele]

@pflugs30 I assume given the time you’ve already found away around this, but if not, I solved the same problem as you by writing a custom directive

[khodgkins]

One issue I see to the fix that deeg put for review is that it sets the input to null instead of the [(ngModel)] if one was previously selected.

onFocus = () => {
    //clear the model
    this.model = new Model();
}
onBlur = () => { 
    //set to current selected model
    this.model = this.previousModel; 
}
onSelectItem = (item: Model) => {
    this.model = item;
    this.previousModel = this.model;
    this.selectItem.emit(this.model);
}

Perhaps modifying the dismissPopup function would be a better option:

dismissPopup() {
    if (this.isPopupOpen()) {
        this._closePopup();
        this._writeInputValue(this._userInput); //not sure the purpose of writing the input value
    }
}

Here is a plunker I forked from yours: http://plnkr.co/edit/XIVlMJ8V0iUcC0npUfwG?p=preview