finally fix shortcuts triggering on prompt fields

Basically checks if focus is an input field, and transfer focus to
window as soon as mouse hovers over the canvas

Signed-off-by: Victor Seiji Hariki <victorseijih@gmail.com>

Former-commit-id: 5ce4877c69708a1ea981d9dac4b9102048152e58

index.html

@@ -243,7 +243,10 @@ people, person, humans, human, divers, diver, glitch, error, text, watermark, ba
 		</div>
 
 		<!-- Canvases -->
-		<div id="mainHSplit" class="mainHSplit">
+		<div
+			id="mainHSplit"
+			class="mainHSplit"
+			onmouseover="document.activeElement.blur()">
 			<div id="uiWrapper" class="uiWrapper">
 				<div
 					id="canvasHolder"

js/input.js

@@ -363,7 +363,16 @@ window.onkeydown = (evn) => {
 	};
 
 	// Process shortcuts if input target is not a text field
-	if (evn.target instanceof HTMLInputElement && evn.type === "text") return;
+	switch (evn.target.tagName.toLowerCase()) {
+		case "input":
+		case "textarea":
+		case "select":
+		case "button":
+			return; // If in an input field, do not process shortcuts
+		default:
+			// Do nothing
+			break;
+	}
 
 	const callbacks = keyboard.shortcuts[evn.code];