title: DragEnd event not fired for files
body: <p>My template:</p>
  <pre><code>&lt;div class=&quot;upload-component&quot; @dragend=&quot;log('end')&quot; @dragenter=&quot;dragEntered&quot; @drop.prevent @dragover.prevent&gt;
      &lt;div class=&quot;zone&quot; @drop=&quot;dropped&quot;&gt;
          
      &lt;/div&gt;
      &lt;p draggable=&quot;true&quot;&gt;drag me&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  <p>My js:</p>
  <pre><code>export default {
          name: 'UploadComponent',
          methods: {
              log(str){
                  console.log(str)
              },
              dragEntered(e){
                  // change some styles
              },
              dropped(e){
                  console.log(e.dataTransfer.files)
              }
          }
      }
  </code></pre>
  <p>The problem:<br />
  If I drag the P element and drop it or hit escape it will log &quot;end&quot;. If I come with a file from my desktop and put it back on desktop or hit escape or drop it, the <code>dragend</code> event wont fire and it wont log anything</p>