diff --git a/static/index.html b/static/index.html index 69e3d9b..8b879a7 100644 --- a/static/index.html +++ b/static/index.html @@ -65,7 +65,7 @@
-
+
volume_off diff --git a/static/inputs.mjs b/static/inputs.mjs index 13c7517..83fc26f 100644 --- a/static/inputs.mjs +++ b/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() } } } diff --git a/static/vail.css b/static/vail.css index 38f1bd1..7fbf368 100644 --- a/static/vail.css +++ b/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 {