blazor form submit need click twice when correction data

[lmomimi]

Describe the bug

blazor form submit need click twice when correction data

To Reproduce

@page "/"
@using System.ComponentModel.DataAnnotations;
@using System;

<h1>Hello, world!</h1>

Welcome to your new app.


<EditForm Model="@_exampleModel" OnValidSubmit="HandleValidSubmit">
    <DataAnnotationsValidator />
    <ValidationSummary />

    <InputText id="name" @bind-Value="_exampleModel.Name" />

    <button type="submit" class="button">Submit</button>
</EditForm>

@code {
   

public class ExampleModel
{
    [Required]
    [StringLength(10, ErrorMessage = "Name is too long.")]
    public string Name { get; set; }
}

 private ExampleModel _exampleModel = new ExampleModel();

    private void HandleValidSubmit()
    {
        Console.WriteLine("OnValidSubmit");
    }
}

Further technical details

• ASP.NET Core version 3.1

[SteveSandersonMS]

Thanks for reporting this.

Would you be able to provide a complete repro that we can run? The code you've posted above doesn't include any "form" so it's incomplete. Update: sorry, I see you did post a more complete repro. It was just hidden because of the markdown being a bit off track. I've edited the post to make the code sample show up.

[lmomimi]

I know reason now, if ErrorMessage in different z-index, div height not change, fix this