Select 在开启搜索后第一次选择返回错误的值

[Vincent8725]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

第一次选择时会默认选中第一个搜索值，而不是选中值

Expected Behavior

第一次选择时会默认选中第一个搜索值，而不是选中值

Interactive render mode

Interactive Server (Interactive server-side rendering (interactive SSR) using Blazor Server)

Steps To Reproduce

BlazorApp1.zip

https://pan.baidu.com/s/12eoaXKWq-fRFU7APjxVuxA?pwd=scbj

Exceptions (if any)

No response

.NET Version

NET8.0

Anything else?

No response

[bb-auto[bot]]

@Vincent8725 Thank you for reporting. We will give triage later.

[ArgoZhang]

@Vincent8725 你的例子我看都是对的啊。没有任何问题啊

[Vincent8725]

我的开发环境和产品环境都有这个情况，只有 Dialog 中的 Select 才出现。

[Vincent8725]

dotnet sdk 版本 8.0.407

[ArgoZhang]

@Vincent8725 你的例子问题在哪里？期望值是什么，实际是什么？能否描述清除

[Vincent8725]

好的, 例子中的 Select 搜索框输入 2，然后选择 选项25。期望值时显示选中的 选项25，实际显示的是 选项12.

[ArgoZhang]

@Vincent8725 经过调试发现微软的级联参数代码有一个逻辑是不正确的，刚好你这样写代码的时候就会触发这个逻辑

解决方案

1. 弹窗逻辑

private async Task Callback(MouseEventArgs obj)
{
    var options = new EditDialogOption<Demo>
    {
        Model = model,
        DialogBodyTemplate = v => builder =>
        {
            builder.OpenComponent<Form>(0);
            builder.AddAttribute(1, "Model", model);
            builder.CloseComponent();

        }
    };
    await Dialog.ShowEditDialog(options);
}

2. Form 组件逻辑

<EditorForm TModel="Demo">
    <FieldItems Context="v">
        <EditorItem @bind-Field="@v.Index">
            <EditTemplate Context="value">
                <div class="col-12 col-sm-6">
                    <Select @bind-Value="value.Index" Items="@Items" ShowSearch="true"></Select>
                </div>
            </EditTemplate>
        </EditorItem>
    </FieldItems>
</EditorForm>

@code {
    [Parameter]
    public Demo Model { get; set; }

    private IEnumerable<SelectedItem> Items = [];

    protected override Task OnParametersSetAsync()
    {
        Items = new[]
        {
            new SelectedItem("0", "请选择")
        }.Concat(Enumerable.Range(10, 50).Select(m => new SelectedItem(m.ToString(), $"选项 {m:00}")));
        return base.OnParametersSetAsync();
    }
}

这功能你这样做复杂了，可读性还非常差

[Vincent8725]

好的 谢谢