Further fix Safari quirk

static/index.html

@@ -65,7 +65,7 @@
 
 			<main class="mdl-layout__content">
 				<div class="flex">
-					<div class="mdl-card mdl-shadow--4dp input-methods">
+					<div class="mdl-card mdl-shadow--4dp input-methods mashable-area">
 						<div id="recv">
 							<!-- This div appears as a little light that turns on when someone's sending -->
 							<i class="material-icons" id="muted">volume_off</i>

static/inputs.mjs

@@ -14,10 +14,10 @@ export class HTML extends Input{
 		// Listen to HTML buttons
 		for (let e of document.querySelectorAll("button.key")) {
 			e.addEventListener("contextmenu", e => { e.preventDefault(); return false }, {passive: false})
-			e.addEventListener("touchstart", e => this.keyButton(e), {passive: true})
-			e.addEventListener("touchend", e => this.keyButton(e), {passive: true})
-			e.addEventListener("mousedown", e => this.keyButton(e), {passive: true})
-			e.addEventListener("mouseup", e => this.keyButton(e), {passive: true})
+			e.addEventListener("touchstart", e => this.keyButton(e), {passive: false})
+			e.addEventListener("touchend", e => this.keyButton(e), {passive: false})
+			e.addEventListener("mousedown", e => this.keyButton(e), {passive: false})
+			e.addEventListener("mouseup", e => this.keyButton(e), {passive: false})
 			e.contentEditable = false
 		}
 	}
@@ -33,6 +33,11 @@ export class HTML extends Input{
 			this.keyer.Dit(begin)
 		} else if (event.target.id == "key") {
 			this.keyer.Straight(begin)
+		} else {
+			return
+		}
+		if (event.cancelable) {
+			event.preventDefault()
 		}
 	}
 }

static/vail.css

@@ -12,8 +12,11 @@
 .key {
   width: 100%;
   height: 6em;
-  user-select: none;
-  -webkit-user-select: none; /* 2022-04-26 Safari still needs this */
+}
+
+.mashable-area {
+	user-select: none;
+	-webkit-user-select: none; /* 2022-04-26 Safari still needs this */  
 }
 
 .center {