Fix files drop event opening a new window

src/ts/grid/events/GridEvents.ts

@@ -196,13 +196,13 @@ class GridEvents extends EventTarget {
 
 				if (notSuccesful) return;
 
+				e.preventDefault();
+				e.stopPropagation();
+
 				let $button = getTarget(e);
 
 				$button.trigger("dragleave");
 
-				e.preventDefault();
-				e.stopPropagation();
-
 				$button.removeClass("file-dragover");
 
 				const file = e.originalEvent.dataTransfer.files[0];

src/ts/start/Main.ts

@@ -48,6 +48,11 @@ abstract class Main {
 		} else {
 			throw new TypeError("JQueryFixes is not available");
 		}
+
+		// This prevents a new window from opening when a file is randomly dropped on the page
+		$(document).on("drop", (e) => {
+			e.preventDefault();
+		});
 
 		if (appPathRequest) {
 			await appPathRequest;

src/ts/start/MainWindow.ts

@@ -116,7 +116,8 @@ abstract class MainWindow extends Main {
 
 		// Setup context menu
 		// TODO: class?
-		$(document).on("contextmenu", () => {
+		$(document).on("contextmenu", (e) => {
+			e.preventDefault();
 			SoundboardApi.mainWindow.openContextMenu();
 		});