DropDown filtering typing issue

Radzen.Blazor Components
1

Good afternoon,

We are using Blazor Server and the RadzenDropDown with filtering, and I'm totally stumped about an issue here. The issue does not happen running locally, so perhaps it's noticed only through some network conditions. Other colleagues experience the issue too.

Here's the issue: Click the dropdown and type in some text. Type slowly or quickly. Issue more likely to happen when typing quickly. The final text that appears in the search box is not always the text that was entered. For example, typing "ben" may end up as being "bn" in the search box. Or typing "hello world" quickly will end of being "helrd" in the search box. There is a lag between when a key is pressed and when the letter finally appears, and the letters that finally appear are getting messed up.

I have tried various configurations of the component, including:

  • LoadData using and not using
  • FilterDelay (500, 1000, 1500, etc.) to debounce
  • FilterAsYouType (true, false)
  • Data ranging from just a few (25) to the intended many thousands (>100k)

Does anybody have any suggestions?

Here is the simplest implementation that still experiences the issue.

<RadzenDropDown AllowClear="true"
                AllowFiltering="true"
                @bind-Value="_user"
                Data="@_users"
                FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
                TextProperty="Name"
                TValue="User"/>

@code {

    private User _user;
    private readonly List<User> _users = new();

    protected override void OnInitialized()
    {
        for (var i = 0; i < 25; i++)
        {
            _users.Add(new User($"User {i.ToString()}"));
        }
    }

    private record User(string Name);

}

Thanks,
Ben

2

In Blazor server there will be always possible lag due to the websocket used by the framework. The only option I can suggest is to use WebAssembly or plain JavaScript to invoke some server method

1 Like