diff --git a/dev/index.html b/dev/index.html
index 8c2a8d5..59e82da 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -320,7 +320,7 @@ <h4 id="ModalTitle" class="modal-title"></h4>
     }
 
     // Drag and drop
-    document.getElementById( "Main" ).addEventListener( "drop", ( Event ) => {
+    document.addEventListener( "drop", ( Event ) => {
       // URL or text dropped
       const DragText = Event.dataTransfer.getData( "text/uri-list" ) || Event.dataTransfer.getData( "text/plain" );
       if ( DragText ) {
@@ -404,11 +404,10 @@ <h4 id="ModalTitle" class="modal-title"></h4>
     }
 
     [ "dragenter", "dragover", "dragleave", "drop" ].forEach( EventName => {
-        document.getElementById( "Main" ).addEventListener( EventName, preventDefaults, false );
-        document.body.addEventListener( EventName, preventDefaults, false );  
+        document.addEventListener( EventName, PreventDefaults, false );
     });
 
-    function preventDefaults( e ) {
+    function PreventDefaults( e ) {
         e.preventDefault();
         e.stopPropagation();
     }