title: When dragging and dropping a file, the dataTransfer.items property is undefined in Firefox and IE, but not Chrome
body: <p>When dragging/dropping a file onto an element, Chrome populates the drop event's <a href="https://msdn.microsoft.com/en-us/library/ie/ms535861(v=vs.85).aspx" rel="nofollow">dataTransfer.items</a> array with an object referencing the file being dropped. Firefox and IE do not. These browsers all populate the dataTransfer.files property. </p>
  
  <pre><code>function doDrop(e) {
    e.stopPropagation();
    e.preventDefault();      
    var files = e.dataTransfer.files //All browsers have this property
    var items = e.dataTransfer.items //Only Chrome has this property
  }
  </code></pre>
  
  <p><strong>So why the difference in browsers? Is Chrome right? Is IE and Firefox behind? Do any "formal" documentation or sources explain this?</strong></p>
  
  <p>Run this <a href="http://plnkr.co/edit/42bilYthqXqkcyGM4g1m" rel="nofollow">File Drop Plunkr Example</a> in various browsers to see the difference.</p>