ComboBox Filter not working when using ItemTemplate

[Lazar Gosic]

Hello there

I have a ComboBox control with lots of data, in order to find an entry quickly I would like to just type into the ComboBox which works fine.

1. Type in "ten"
2. Component immediately SCROLLS DOWN and preselects "Tennis"
   

But when using Templates, the following happens...

1. Type in "Gordon" (to look for "Gordon Woodard")
   
2. Seemingly nothing happens...
   

When scrolling down MANUALLY, I can actually see "Gordon Woodard" being kinda selected (in gray instead of dark blue) but for huge lists this is not good enough:

So is filtering with templates simply not supported, is this a bug, or any other way to prevent this from happening?

Thanks a lot.

Cheers,

Lazar

(I attached my sample project for reference, I simply copy-pasted examples from blazor website and modified the results, nothing else!)

Attachment: BlazorSampleApp_d39a64ca.7z

[Sevvandhi Nagulan]

Hi Lazar,

Greetings from Syncfusion support.

We checked your query. In the provided sample, you did not enable the filtering for the component. We request that you to enable filtering using AllowFiltering property. Refer the following code.

<SfComboBox TValue="string" TItem="EmployeeData" Placeholder="Select a customer" DataSource="@Data" AllowFiltering="true">

<ComboBoxTemplates TItem="EmployeeData">

<ItemTemplate>

<span><span class='name'>@((context as EmployeeData).FirstName)span><span class='country'>@((context as EmployeeData).Country)span>span>

ItemTemplate>

ComboBoxTemplates>

<ComboBoxFieldSettings Text="FirstName" Value="Country">ComboBoxFieldSettings>

SfComboBox>

Please find the modified sample below.

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorSampleApp1942224183

Kindly get back to us for further assistance.

Regards,

Sevvandhi N

[Lazar Gosic]

Hi Sevvandhi

I see, by allowing filtering it only shows entries which contain user input.

It behaves a little bit differently to a ComboBox without templates which scrolls to the appropriate entry and highlights it, which is a little bit weird.

But for my current use case, this solution will do just fine. So thank you!

Cheers,

Lazar

[Sevvandhi Nagulan]

Hi Lazar, 

We are glad to hear that the reported issue has been resolved. Please get back to us if you need further assistance. 

Regards, 

Sevvandhi N