chore(wip): ie demo not working will followup

Author: Cathy Siller

docs/components/files/drop-zone-demo.js

@@ -3,9 +3,7 @@ if (document.getElementById('vue-dropZoneDemo')) {
         el: '#vue-dropZoneDemo',
         methods: {
             onDrop: function (evt) {
-                console.log('@drop');
                 // Prevent default behavior (Prevent file from being opened)
-                //evt.preventDefault();
                 if (evt.dataTransfer.items) {
                     // Use DataTransferItemList interface to access the file(s)
                     for (var i = 0; i < evt.dataTransfer.items.length; i++) {
@@ -16,10 +14,8 @@ if (document.getElementById('vue-dropZoneDemo')) {
                         }
                     }
                 } else {
-                // Use DataTransfer interface to access the file(s)
-                    for (var i = 0; i < evt.dataTransfer.files.length; i++) {
-                        alert('file drop successful! ' + evt.dataTransfer.files[i].name);
-                    }
+                    // TO DO: find solution, alert currently not working in ie11
+                    alert('Cannot detect dropped files in this browser.');
                 }
             },
         },

docs/elements/hx-drop-zone/index.html

@@ -9,7 +9,7 @@
 
   <section>
     <p>
-      The custom <code>{{page.title}}</code> element fill in here.
+      The custom <code>{{page.title}}</code> element provides an area where a user can drop files.
     </p>
 
     <dl class="hxBox-md metadata hxList">
@@ -23,7 +23,15 @@
       </div>
       <div>
         <dt>Events</dt>
-        <dd><em>none</em></dd>
+        <dd>
+          Any of the following:
+          <ul>
+            <li>
+              <code>drop</code> - See MDN's <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_drop" 
+              target="_blank">"File Drag and Drop"</a> for more information.
+            </li>
+          </ul>
+        </dd>
       </div>
     </dl>
   </section>

src/helix-ui/elements/HXDropZoneElement.js

@@ -76,7 +76,7 @@ export class HXDropZoneElement extends HXElement {
 
     // #4 this gets called when the dragged item leaves the zone (leaves to a child element or zone altogether)
     /** @private */
-    _onDragLeave (evt) {
+    _onDragLeave () {
         //evt.preventDefault();
         window.clearTimeout(this._zoneDragLeaveTimeout);
         // callback must be an arrow function to preserve "this"
@@ -102,7 +102,7 @@ export class HXDropZoneElement extends HXElement {
     }
 
     /** @private */
-    _onDrop (evt) {
+    _onDrop () {
         this.removeAttribute('drag');
         this._isDragging = false;
         this._isZoneDragging = false;