When using MudSelectExtended

[Sicos1977]

I switched to mudselectextended because MudSelect does not support virtualization and searching. I only have one problem now. When the control gets rendered and nothing is select the standard control is always very small

I only see D.... and not Date (that is the label of the field)

                    <MudSelectExtended T="string"
                                       @key="@($"select-{index}")"
                                       Label="@field.DisplayName"
                                       Dense="@User.Dense"
                                       Margin="@(User.Dense ? Margin.Dense : Margin.Normal)"
                                       Typo="Typo.body2"
                                       Variant="Variant.Outlined"
                                       Disabled="@(!Enabled || IsLocked(index))"
                                       Value="@selectedValue"
                                       ValueChanged="@(val => OnFieldChanged(index, val))"
                                       Virtualize="true"
                                       SearchBox="true"
                                       RelativeWidth="DropdownWidth.Adaptive"
                                       NoWrap="true"
                                       ItemCollection="@valueItems"
                                       ToStringFunc="@(val => items.FirstOrDefault(x => x.Value == val).Text)"
                                       PopoverClass="no-wrap-popover">

                    </MudSelectExtended>

I now temporary fixed it by calculating the width of the Date string myself and than use Style="@($"width: {minWidth}" but it should be nice if this just would work automaticly

[mckaragoz]

Could you share your complete code? What's the container's class, is it flexbox?

[Sicos1977]

Yes it is flexbox

@page "/Logging/Batches"

<DefaultPageTitle>@ResourceStrings.Logging_Batches_Title</DefaultPageTitle>

<MudPaper Elevation="1" Class="pa-2 mt-1 mb-1">
    <MudStack Row="true" AlignItems="AlignItems.Center" Spacing="2" Wrap="Wrap.Wrap">
        <MudIcon Icon="@Icons.Material.TwoTone.BatchPrediction" Size="Size.Large" Class="mr-1" />
        <MudText Typo="Typo.h6">@ResourceStrings.Logging_Batches_Title</MudText>

        <SelectionFilter UserSettingsSection="@SectionName"
						 Enabled="true"
						 ServerData="SelectionFilterGetServerDataAsync"
						 SelectionChanged="SelectionChangedAsync">

            <FilterField DisplayName="@ResourceStrings.Logging_Batches_Date" TextField="CreateDate" ValueField="CreateDate" ToolTip="@ResourceStrings.Logging_Batches_Date_ToolTip" />
            <FilterField DisplayName="@ResourceStrings.Logging_Batches_Connection" TextField="Connection" ValueField="ConnectionsId" ToolTip="@ResourceStrings.Logging_Batches_Connection_ToolTip" />

        </SelectionFilter>
    </MudStack>
</MudPaper>

<DefaultMudDataGrid UserSettingsSection="@SectionName" T="Batch" ServerData="GridGetServerDataAsync" @ref="_batchesGrid">
    <Columns>
        <TemplateColumn T="Batch">
            <CellTemplate Context="ctx">
                <MudIconButton Icon="@Icons.Material.TwoTone.OpenInNew" Color="Color.Info" OnClick="() => OpenAuditLogDetails(ctx.Item)" />
            </CellTemplate>
        </TemplateColumn>
        
        <PropertyColumn T="Batch" TProperty="DateTime" Property="a => a.CreateDate" Title="@ResourceStrings.Logging_Batches_CreateDate" Format="@User.DateTimeFormat" />
        <PropertyColumn T="Batch" TProperty="DateTime?" Property="a => a.DeleteDate" Title="@ResourceStrings.Logging_Batches_DeleteDate" Format="@User.DateTimeFormat" />
        <PropertyColumn T="Batch" TProperty="string" Property="a => a.Server.Alias" Title="@ResourceStrings.Logging_Batches_Server" />
        <PropertyColumn T="Batch" TProperty="string" Property="a => a.Connection.Name" Title="@ResourceStrings.Logging_Batches_Connection" />
@*         <PropertyColumn T="Batch" TProperty="string" Property="a => a.Job.Name" Title="@ResourceStrings.Logging_Batches_JobName" /> *@
        <PropertyColumn T="Batch" TProperty="string" Property="a => a.FileName" Title="@ResourceStrings.Logging_Batches_FileName" />
        <PropertyColumn T="Batch" TProperty="string" Property="a => a.FileLengthAsString" Title="@ResourceStrings.Logging_Batches_FileLength" />
        <PropertyColumn T="Batch" TProperty="DateTime?" Property="a => a.FileCreationTime" Title="@ResourceStrings.Logging_Batches_CreationDateTime" Format="@User.DateTimeFormat" />
        <PropertyColumn T="Batch" TProperty="int?" Property="a => a.Progress" Title="@ResourceStrings.Logging_Batches_Progress" />
        <PropertyColumn T="Batch" TProperty="int?" Property="a => a.DocumentsCount" Title="@ResourceStrings.Logging_Batches_DocumentCount" Format="N0" />
        <PropertyColumn T="Batch" TProperty="string" Property="a => a.DocumentsLengthAsString" Title="@ResourceStrings.Logging_Batches_DocumentLength" />

        <TemplateColumn T="Batch" Title="@ResourceStrings.Logging_JobLogs_Status" HeaderClass="justify-center" CellClass="justify-center">
            <CellTemplate>
                <MudIcon Icon="@GetStatusIcon(context.Item.Status)" Color="@GetStatusColor(context.Item.Status)" />
            </CellTemplate>
        </TemplateColumn>

    </Columns>
</DefaultMudDataGrid>

[Sicos1977]

DefaultMudDataGrid is just MudDataGrid but I added some extra parameters and wrapped it in a component so that I did not have to do that on every single page when I use it