MatAutocomplete does not play nice with EditForm

[Raveen87]

Placing a MatAutocomplete in an EditForm produces a weird error message for me.

The error message I'm getting is this: InvalidOperationException: MatBlazor.MatTextField requires a value for the 'ValueExpression' parameter. Normally this is provided automatically when using 'bind-Value'.

I'm able to reproduce it with this example:

@page "/"

<EditForm Model="selected">
	<MatAutocomplete Collection="@options" ItemType="string" Label="Pick one" @bind-Value="selected"></MatAutocomplete>
</EditForm>

<p>Selected: @selected</p>

@code
{
	private string selected = String.Empty;

	string[] options = new[]
	{
		"One",
		"Two",
		"Three"
	};
}

Placing the MatAutocomplete outside of the EditForm works. So does using for instance an InputText instead of a MatAutocomplete inside the EditForm like this:

<EditForm Model="selected">
	<InputText placeholder="Type something" @bind-Value="selected" />
</EditForm>

I'm using MatBlazor 1.9.0 and .NET Core 3.0.

[nguyenvanbien95]

I have the same problem. Have anyone available hot solution for that?

[bnemetchek]

Try this: #213 (comment)

[katiep23]

Here is what I used: https://docs.telerik.com/blazor-ui/knowledge-base/value-changed-validation-model

[sandrohanea]

Hi!
The issues with the EditForm should be fixed after the merge of #548.

[enkodellc]

Merged fix into develop branch.