title: Drop event not firing in Blazor drag and drop
body: <p>I'm having a strange problem with Blazor... </p>
  
  <p>I had an application where I was using drag and drop and it was working fine using .Net Core 3.1. However the drop event is now not getting fired no matter what I do and I'm at a loss as to why. So I've created a new Blazor project and kept everything as it is in the standard project template, but I've modified the Index.razor page with the following code to see if I can find out what's going wrong:-</p>
  
  <pre><code>@page "/"
  
  &lt;h1&gt;Hello, world!&lt;/h1&gt;
  
  Welcome to your new app.
  
  &lt;ul&gt;
      &lt;li draggable="true" @ondragstart="OnDragStart" style="background-color:blue;color:white;width:50px;height:50px;"&gt;drag me&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div dropzone="move" @ondrop="OnDrop" @ondragover:preventDefault style="background-color:green;color:white;width:200px;height:200px;"&gt;
      and drop me here
  &lt;/div&gt;
  
  &lt;div&gt;@DragState&lt;/div&gt;
  
  @code {
      public string DragState = "waiting...";
  
      public void OnDragStart(DragEventArgs dragEventArgs)
      {
          DragState = "drag started";
      }
  
      public void OnDrop(DragEventArgs dragEventArgs)
      {
          DragState = "item dropped";
      }
  }
  </code></pre>
  
  <p>As far as I can see this should work, the drag start event works fine but any browser (FireFox, Chrome etc...) I try the drop event never gets fired.</p>
  
  <p>I'm guessing I must be doing something glaringly wrong somewhere but I cannot see it, so I'm hoping someone else can :-)</p>
  
  <p>Note, I've not changed any other file or setting in the default Blazor project, just this modification to the Index.razor file to test the drag and drop...</p>