---
lang: ja-jp
breaks: true
---
# Blazor `EditForm` 中の `FluentButton` にフォーカス移動後、Enterキーを押すと、サーバ側にリクエストが二重で送信される 2024-02-02

> fix: double submit with Enter #1050
> https://github.com/microsoft/fluentui-blazor/issues/1050

## 試してみたら、本当にそうなった。。

* Counter.razor

@page "/counter"
@rendermode InteractiveServer

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p role="status">Current count: <FluentBadge Appearance="Appearance.Neutral">@currentCount</FluentBadge></p>

<FluentButton Appearance="Appearance.Accent" @onclick="IncrementCount">Click me</FluentButton>

<p role="status">Current count: <FluentBadge Appearance="Appearance.Neutral">@currentCount</FluentBadge></p>

<EditForm OnValidSubmit=@IncrementCount Model="new { }">
    <button type="submit">Submit with normal button -> +1</button>
    <FluentButton Appearance="Appearance.Accent" Type=@ButtonType.Submit>Submit with FluentButton -> +2</FluentButton>
</EditForm>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}


###### tags: `Blazor` `Fluent` `EditForm` `FluentButton`