EditForm does not bind values

[pimber]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

When using the EditForm component, the value from the Input* classes are not bounded correctly to the model.

Expected Behavior

I expect that the values from the Input* classes bounds correctly to the model, so that i can get the information from the frontend to the backend.

Steps To Reproduce

1. Create a new blazor project using: dotnet new blazor
2. Add new razor page and set navbar to ref to this page and add this to it:

<EditForm Model="Test" OnValidSubmit="HandleSubmit" FormName="Form1" Enhance>
    <InputText @bind-Value="@Test.Name" />
    <button type="submit" >Submit</button>
</EditForm>

@code {
    private Tester Test = new();

    private void HandleSubmit() {
        Console.WriteLine($"Name: {Test.Name}");
    }
    private class Tester {
        public int Id { get; set; }
        public string Name { get; set; }
    }
}

3. Input some text into the InputText and submit, and then you should see that it prints out nothing.

(Note: I have tested this on two different machine, on my exsisting project and also tried to create a new project on both machine and i get the same when trying to commit)

Exceptions (if any)

No response

.NET Version

8.0.103

Anything else?

.NET SDK:
Version: 8.0.103
Commit: 6a90b4b4bc
Workload version: 8.0.100-manifests.e99a2be4

Runtime Environment:
OS Name: ubuntu
OS Version: 22.04
OS Platform: Linux
RID: ubuntu.22.04-x64
Base Path: /usr/lib/dotnet/sdk/8.0.103/

.NET workloads installed:
Workload version: 8.0.100-manifests.e99a2be4
There are no installed workloads to display.

Host:
Version: 8.0.3
Architecture: x64
Commit: 9f4b1f5d66

.NET SDKs installed:
8.0.103 [/usr/lib/dotnet/sdk]

.NET runtimes installed:
Microsoft.AspNetCore.App 8.0.3 [/usr/lib/dotnet/shared/Microsoft.AspNetCore.App]
Microsoft.NETCore.App 8.0.3 [/usr/lib/dotnet/shared/Microsoft.NETCore.App]

Other architectures found:
None

Environment variables:
Not set

global.json file:
Not found

Learn more:
https://aka.ms/dotnet/info

Download .NET:
https://aka.ms/dotnet/download

[gitEugeneL]

I confirm. I have the same problem.

[gitEugeneL]

That's how the code started working correctly.

@page "/"

<EditForm Model="Model" OnSubmit="Submit" FormName="Form1" Enhance>
    <InputText @bind-Value="Model!.Name" />
    <button type="submit" >Submit</button>
</EditForm>

@code {
    [SupplyParameterFromForm] 
    public Starship? Model { get; set; } = new();

    protected override void OnInitialized()
    {
        Model!.Name ??= "init value";
    }

    private void Submit()
    {
        Console.WriteLine($"Name: {Model!.Name}");
    }

    public class Starship
    {
        public int Id { get; set; }
        public string? Name { get; set; }
    }
}

[pimber]

I can confirm that your proposed solution works. But that did not solve my issue unfortunately.

After a lot of debugging, i found out that the name attribute on the Input* classes somehow breaks the binding or is the issue some how. Example on what the InputText looks like when it breaks/is the issue:

When clicking on the submit button, it breaks when i have the name attribute on:

<InputText @bind-Value="complete_recipe.name" class="form-control" id="name" name="name"/>

When i removed the name attribute, it works.

<InputText @bind-Value="complete_recipe.name" class="form-control" id="name"/>

@gitEugeneL I have tested this with your posted code aswell, and it also breaks when you add the name attribute on the Input* classes.

[bhavukish]

@page "/"

Submit

@code {
[SupplyParameterFromForm]
private Tester Test { get; set; }

protected override void OnInitialized() => Test ??= new();

private void HandleSubmit() {
    Console.WriteLine($"Name: {Test?.Name}");
}
private class Tester
{
    public int Id { get; set; }
    public string Name { get; set; } 
}

}

This solution work for me