The validation message does not appear correctly when the Enter key is used (FluentValidation & Blazored.FluentValidation).

[UdhayaKumarDuraisamy]

Description
While testing FluentValidation and Blazored.FluentValidation with the InputText component's ValueChanged event, observed that the validation message works correctly when using the Tab key or clicking away from the field. However, when the Enter key is used, the validation message does not appear and only flashes briefly.

@using Blazored.FluentValidation
@using FluentValidation

<div style="margin: 150px auto; width: 50%">

    <EditForm Model="@_annotation">
        <FluentValidationValidator @ref="_testFluentValidationValidator" />
        <InputText class="form-control"
                   Value="@_annotation.Name"
                   ValueChanged="ChangeValue"
                   ValueExpression="@(() => _annotation.Name)"></InputText>
        <ValidationMessage For="@(() => _annotation.Name)" />
    </EditForm>
</div>
@code {

    private FluentValidationValidator? _testFluentValidationValidator;

    private Annotation _annotation = new();

    protected async Task ChangeValue(string newValue)
    {
        _annotation.Name = newValue;
        var result = (await _testFluentValidationValidator!.ValidateAsync(options => options.IncludeRuleSets("TestNames")));
        if (result)
        {
            await Task.Delay(100);
        }
        else
        {
            await Task.Delay(100);
        }
    }

    public class AnnotationValidator : AbstractValidator<Annotation>
    {
        public AnnotationValidator()
        {
            RuleSet("TestNames", () =>
            {
                RuleFor(e => e.Name)
                    .NotEmpty().WithMessage("Please enter a name.")
                    .MinimumLength(3).WithMessage($"Name must be longer than 2 characters.");
            });
        }
    }

    public class Annotation
    {
        public string Name { get; set; }
    }
}

To Reproduce
Steps to reproduce the behavior:

1. Run the code snippet provided above.
2. Focus on the input field and type "A".
3. Press the Enter key.

Expected behavior
The validation message needs to be displayed properly.

Video of the issue:

1436.mp4

Hosting Model (is this issue happening with a certain hosting model?):

• Blazor Server
• Blazor WebAssembly

Additional context
While testing the same scenario with Jeremy FluentValidation, it worked well.

[teneko]

Many possible scenarios can cause issues:

1. Model validation and field validation may overwrite each other. If the last validation run produces no errors, it can cause errors to flash briefly and disappear.
2. There's a race condition when either model or field validation is suspending, since EditContext doesn't support asynchronous validation flows.
3. Pressing may trigger a re-render of your component, creating a new EditContext and an empty ValidationMessageStore. However, since your annotation is tied to the component’s lifecycle, the EditForm should preserve its EditContext and not re-render its ChildContent.
   Is your example a full reproduction? In the meanwhile, if you need a quick fix, could you try my implementation?