title: Blazor button event firing multiple times
body: <p>I havea blazor app in which a button event is triggered when pressed. The problem is that the event is fired 3 times each time you press the button. I just noticed that if I press Enter instead of clicking the button the event fires just once. (And I don't really know why...)</p>
  
  <p>This is the button and some more html if needed:</p>
  
  <pre><code>    &lt;div class="form-container uk-flex uk-flex-column uk-flex-middle"&gt;
          &lt;span class="input-container"&gt;
              &lt;input type="text" name="verb" id="form_verb" @bind="searchInput" /&gt;
          &lt;/span&gt;
          &lt;!-- This is the button --&gt;
          &lt;button type="button" class="uk-button uk-button-secondary" style="width:40%; margin-top:0.25rem;" @onclick="@Search"&gt;Lorem ipsum&lt;/button&gt;
      &lt;/div&gt;
      &lt;h1&gt;@counter&lt;/h1&gt;
  </code></pre>
  
  <p>And this is the event that is fired:</p>
  
  <pre><code>private async Task Search()
  {
      counter = counter + 1;
      navigatableSearchInput = searchInput;
      await tablaReconocimientos.SearchVerb(searchInput);
  }
  </code></pre>
  
  <p>Here you have an example of whats going on:
  <a href="https://i.stack.imgur.com/tHnVR.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tHnVR.gif" alt="enter image description here"></a></p>
  
  <p>EDIT_1: changed @onclick event with @onclick="@Search". Same behaviour.</p>
  
  <p>EDIT_2: pressing enter behaviour added.</p>
  
  <p>EDIT_3: markup for button clarification</p>