bug(AutoComplete): trigger OnValueChanged when the Value changed

[celadaris]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

Testing OnValueChanged doesnt work. When i type in the AutoComplete form it doesn't trigger the attached function. instead it kind of works like OnBlurAsync

Expected Behavior

When i type in the AutoComplete form it should trigger the attached function.

Interactive render mode

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

Steps To Reproduce

I downloaded the github source and modified index.razor to this:

@layout HomeLayout
@page "/"
@page "/index"
@page "/home"
@using System.Diagnostics
@inject IOptionsMonitor<WebsiteOptions> WebsiteOption

<h1>@testValue</h1>

<ValidateForm Model="sampleModel" OnInvalidSubmit="Invalid" OnValidSubmit="Valid" DisableAutoSubmitFormByEnter="true">
    <AutoComplete OnValueChanged="hello" OnEnterAsync="hello"></AutoComplete>
</ValidateForm>

<AutoComplete OnValueChanged="hello" OnEnterAsync="hello"></AutoComplete>

<Button Text="TestBtn" OnClick="@(() => hello("hi"))"></Button>

@code {
    SampleModel sampleModel = new SampleModel();
    int testValue = 0;

    async Task hello(string value)
    {
        testValue++;
        await InvokeAsync(StateHasChanged);
        //Debugger.Break();
    }

    async Task Valid(EditContext context)
    {
        //Debugger.Break();
    }

    async Task Invalid(EditContext context)
    {
        //Debugger.Break();
    }

    class SampleModel()
    {
        public string Input { get; set; } = string.Empty;
    }
}

Exceptions (if any)

No response

.NET Version

NET8.0

Anything else?

No response

[bb-auto]

@celadaris Thank you for filing this issue. In order for us to investigate this issue, please provide a minimalistic repro project that illustrates the problem.

[ArgoZhang]

@celadaris I don't understand what you expect. it seems like wrong code usage.

should set Value on a component or use callback to set a variable.

[celadaris]

I'm not on my computer rn, but in the docs it says:

Name
OnValueChanged
Description
Callback for the Value changed
Type
Func<string, Task>
ValueList
—
DefaultValue
—

So i thought this attribute was designed to call a function when the value of the AutoComplete value changed.

So if I type on my keyboard then it should trigger on each keypress... I thought?

Same with ValueChanged, but instead of being a Func<string, Task> it's something else

That's how I interpreted what it's supposed to do and it used to work like how I thought in older versions like 9.2.0

[ArgoZhang]

@celadaris I still don't understand what the problem is. I tested it and it works fine.

please try this code

@page "/"
@attribute [TabItemOption(Text = "Index", Closable = false)]

<h1>@testValue</h1>

<h2>@value</h2>

<AutoComplete OnValueChanged="hello"></AutoComplete>

@code {
    int testValue = 0;
    private string? value;

    Task hello(string v)
    {
        value = v;
        testValue++;
        StateHasChanged();
        return Task.CompletedTask;
    }
}

[celadaris]

The testValue should increase everytime i typed "a" because the value of the AutoComplete Component changed. so after i pressed "a" 4 times then the value of testValue should be 4, at least thats how i understood what that function is supposed to do

2025-03-01.11-07-08.mp4

[ArgoZhang]

@celadaris hi. Thank you very much for your patient explanation. Bump version v9.4.3-beta03. Could you try it? Please let me know if you have any questions.

[celadaris]

This works better, i like how it works with the anti shake time! And it's always a pleasure to be able to help, I'm a big fan of your work!