AutoComplete stops rendering AutoCompleteTemplate correctly if the datasource is updated AND it has a value selected.

[Trevor Tennyson]

I am encountering an issue with the EjsAutoComplete. 

I have a popup with two related components, an EjsComboBox and an EjsAutoComplete. 

The EjsAutoComplete has a list DataSource that is filtered based on what option is selected in the EjsComboBox. 

If the EjsComboBox value is changed, ValueChange property triggers a method that clears out the EjsAutoComplete value (if one has been selected) and updates datasource list.

The problem is, if a value is already selected, the AutoComplete component breaks. It does not render the AutoCompleteTemplate options, instead showing a bunch of blank white option, even though they there are real options still available to select and visible in the browser console.

 I've attached a gif of this happening in a zipped filed.

Attachment: AutoCompleteError_4f05e469.zip

[Sevvandhi Nagulan]

Hello Trevor 

Greetings from Syncfusion support. 

We updated the namespace and the blazor packages from version 18.1.36. Also, the GenericType support for the AutoComplete and ComboBox components has been provided in the latest update. So please update your application to the new version (18.1.48).Please find the release notes details, 

NameSpace change: https://blazor.syncfusion.com/documentation/release-notes/18.1.36/#common 

AutoComplete GenericType support: https://blazor.syncfusion.com/documentation/release-notes/18.1.36/#autocomplete 

ComboBox GenericType support: https://blazor.syncfusion.com/documentation/release-notes/18.1.36/#combobox 

UG documentation link: https://blazor.syncfusion.com/documentation/autocomplete/getting-started/ 

If still issue persists kindly revert us with the issue reproducing sample to proceed further. 

Regards, 

Sevvandhi N