MudTextField - Submitting with enter key press about mudblazor

[sayedtoptal]

I am having the same issue. After adding AutoGrow and MaxLines, I am not able to Send Message after hitting Enter. Its always taking me to the next line and rest of the sending message functionality is not working.

<MudTextField T="string" Style="font-size: 16px;" AutoGrow MaxLines="3" Class="ff-urbanist fw-400" Label="Ask a question" @bind-Value="userInput" @onkeyup="HandleKeyPress" Variant="Variant.Outlined" Adornment="Adornment.End" AdornmentIcon="@SVGIcons.LinkForward" OnAdornmentClick="@(() => SendMessage())"> </MudTextField>

private void HandleKeyPress(KeyboardEventArgs e) { if (e.Key == "Enter") { SendMessage(); } }

Here SendMessage() function does not work as expected.

Here is the simple example. https://try.mudblazor.com/snippet/wOcIuKOCUsVCTzJd

[Cr4zyEight]

I am having the same issue. After adding AutoGrow and MaxLines, I am not able to Send Message after hitting Enter. Its always taking me to the next line and rest of the sending message functionality is not working.

<MudTextField T="string" Style="font-size: 16px;" AutoGrow MaxLines="3" Class="ff-urbanist fw-400" Label="Ask a question" @bind-Value="userInput" @onkeyup="HandleKeyPress" Variant="Variant.Outlined" Adornment="Adornment.End" AdornmentIcon="@SVGIcons.LinkForward" OnAdornmentClick="@(() => SendMessage())"> </MudTextField>

private void HandleKeyPress(KeyboardEventArgs e) { if (e.Key == "Enter") { SendMessage(); } }

Here SendMessage() function does not work as expected.

Here is the simple example. https://try.mudblazor.com/snippet/wOcIuKOCUsVCTzJd

This can actually be fixed by adding Immediate="true" to the MudTextField

As it is a growing text field i think its okay that the binding is not updated on "Enter" key press in default behaviour as it is rather expected to add a new line than submitting