Add CustomEvent polyfill and fire drop event in load dialog

editor.html

@@ -254,6 +254,7 @@ <h2><i class="fa fa-unlock-alt"></i> <strong>{{ title }}</strong></h2>
         <script src="static/js/intel-hex.browser.js" type="application/javascript"></script>
         <script src="static/js/ResizeSensor.js"></script>
         <script src="static/js/ElementQueries.js"></script>
+        <script src="static/js/custom-event-polyfill.js"></script>
 	    <script src="lzma/lzma_worker.js"></script>
 	    <script src="base64-js/base64.js"></script>
         <script src="hexlify.js"

python-main.js

@@ -239,11 +239,11 @@ function web_editor(config) {
         }).map(function(f) {
             return encodeURIComponent(f) + "=true";
         }).join("&");
-        helpAnchor.attr("href", helpAnchor.attr("href") + "?" + featureQueryString); 
+        helpAnchor.attr("href", helpAnchor.attr("href") + "?" + featureQueryString);
     }
 
     // Update the docs link to append MicroPython version
-    var docsAnchor = $("#docs-link"); 
+    var docsAnchor = $("#docs-link");
     docsAnchor.attr("href", docsAnchor.attr("href") + "en/" + "v" + UPY_VERSION);
 
     // This function is called to initialise the editor. It sets things up so
@@ -401,6 +401,9 @@ function web_editor(config) {
                     $('#load-drag-target').removeClass('is-dragover');
                 })
                 .on('drop', function(e) {
+                    // Dispatch an event to allow others to listen to it
+                    var event = new CustomEvent("load-drop", { detail: e.originalEvent.dataTransfer.files[0] });
+                    document.dispatchEvent(event);
                     doDrop(e);
                     vex.close();
                     EDITOR.focus();

static/js/custom-event-polyfill.js

@@ -0,0 +1,19 @@
+/*!
+ * CustomEvent Polyfill to support IE
+ * Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/
+ * Source - https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill
+ */
+
+(function () {
+
+  if ( typeof window.CustomEvent === "function" ) return false;
+
+  function CustomEvent ( event, params ) {
+    params = params || { bubbles: false, cancelable: false, detail: null };
+    var evt = document.createEvent( 'CustomEvent' );
+    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
+    return evt;
+   }
+
+  window.CustomEvent = CustomEvent;
+})();