[Bug]: Enter on filter field submits form

[tacoWanneeJama]

Blazorise Version

latest

What Blazorise provider are you running on?

None

Link to minimal reproduction or a simple code snippet

When you use the [Enter] key in a search field of a DataGrid, the whole webpage is submitted and refreshed.
This only happens hen only 1 seachfield is present in the grid. When more textual searchfield are present(even hidden) this unwanted behavior is not present.

Steps to reproduce

See example: https://github.com/tacoWanneeJama/BlazorAppGridFilter/settings

What is expected?

The webpage should off course be submitted from a Blazor page.

What is actually happening?

Page refresh

What browsers do you see the problem on?

Chrome

Any additional comments?

As workaround I now add an invisible text-field.

[tesar-tech]

Your code:

<DataGrid TItem="Row" Filterable="true" Data="rows">
    <DataGridColumns>
        <DataGridNumericColumn Field="@nameof(Row.Id)" Displayable="false" />
        <DataGridColumn Field="@nameof(Row.Name)" />
    </DataGridColumns>

</DataGrid>

The issue can be extracted to:

<form>
    <input  type="text" />
</form>

here when you press Enter on the input it will always submit the form. That's standart html behavior.

The DataGrid is in form and with the filter input it does exactly that.

It's not intended behavior here.

We cannot effectively prevent that on the input itself (maybe with some weird js hack)

We can solve it by:

• placing hidden textfield as @tacoWanneeJama suggested. It works, because with 2 inputs it just doesn't do the submit. Maybe the best solution.
• Placing @onsubmit="() => {}" to the form. But that disables the submit altogether. With that we can replace it with <Div> .

That's my question for @stsrki - why is the DataGrid using Form? it seems it's not doing anything important.

[David-Moreira]

Hey,

have you tried to set this parameter to false?