MudSelect ToStringFunc causes flicker

Question

Adding

@* This returns the description of the selected item based on its id *@

ToStringFunc="id => dataLoader.GetDescriptionFromList(brandModelsList, id)"

causes the MudSelect component to flicker when clicking on it to open or close. I guess it rerenders ? Is there any way I could get around that? Also, i use virtualization as shown here because the items of the list are 1000+ This is the code:

    <MudText Typo="Typo.subtitle1" GutterBottom="false">Brand Model</MudText>
    <MudSelect T="int?" @bind-Value="customForm.SelectedBrandModelId"
               Variant="Variant.Outlined"
               Margin="Margin.Dense"
               Dense="true"
               PlaceHolder="Select"
               ToStringFunc="id => dataLoader.GetDescriptionFromList(brandModelsList, id)">
        @if (!brandModelsList.Any())
        {
            <MudSelectItem T="int?" Value="null" Disabled="true">not found</MudSelectItem>
        }
        else
        {
            <Virtualize Items="brandModelsList" Context="brandModel" ItemSize="36">
                <MudSelectItem T="int?" Value="@brandModel.ID" @key="brandModel.ID">@brandModel.Description</MudSelectItem>
            </Virtualize>
        }
    </MudSelect>
</div>
<ValidationMessage For="@(() => customForm.SelectedBrandModelId)" class="validation-error-message" />

I want want to reduce flicker when opening the component

Can you try and create a reproducible snippet here and add that to your question. — RBee
– RBee, Commented Jul 29 at 20:11

Panos kent · Accepted Answer · 2025-07-29 20:56:27Z

0

Hello guys I’ve found the bug. From my understanding Blazor needs the key attribute to correctly track changes in the UI if binding is not applied and for some reason in my master branch on GitHub this part of the code was missing:

@key="brandModel.ID"

answered Jul 29 at 20:56

Panos kent

211 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Brian Parker Jul 30 at 10:58

search Blazor "data-permanent"

Collectives™ on Stack Overflow

MudSelect ToStringFunc causes flicker

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related