From b288337f1d46638f337894a83f7906384e6e623b Mon Sep 17 00:00:00 2001
From: n9k <originalcocaineninja@protonmail.com>
Date: Sat, 5 Mar 2022 10:32:21 +0000
Subject: [PATCH] Keyboard accessible js captcha

---
 anonstream/static/anonstream.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/anonstream/static/anonstream.js b/anonstream/static/anonstream.js
index 139caf5..c20c303 100644
--- a/anonstream/static/anonstream.js
+++ b/anonstream/static/anonstream.js
@@ -31,7 +31,7 @@ const jsmarkup_chat_form = `\
     <span id="chat-live__status"><span>Not connected<span data-verbose='true'> to chat</span></span></span>
   </div>
   <input id="chat-form_js__captcha-digest" type="hidden" name="captcha-digest" disabled>
-  <img id="chat-form_js__captcha-image" width="72" height="30">
+  <input id="chat-form_js__captcha-image" type="image" width="72" height="30">
   <input id="chat-form_js__captcha-answer" name="captcha-answer" placeholder="Captcha" disabled>
   <input id="chat-form_js__submit" type="submit" value="Chat" accesskey="p" disabled>
   <article id="chat-form_js__notice">
@@ -379,16 +379,16 @@ chat_form_captcha_image.addEventListener("error", (event) => {
   chat_form_captcha_image.title = "Click for a new captcha";
 });
 chat_form_captcha_image.addEventListener("click", (event) => {
-  if (chat_form_captcha_image.dataset.reloadable === undefined) {
-    return;
+  event.preventDefault();
+  if (chat_form_captcha_image.dataset.reloadable !== undefined) {
+    chat_form_submit.disabled = true;
+    chat_form_captcha_image.alt = "Waiting...";
+    chat_form_captcha_image.removeAttribute("title");
+    chat_form_captcha_image.removeAttribute("data-reloadable");
+    chat_form_captcha_image.removeAttribute("src");
+    const payload = {type: "captcha"};
+    ws.send(JSON.stringify(payload));
   }
-  chat_form_submit.disabled = true;
-  chat_form_captcha_image.alt = "Waiting...";
-  chat_form_captcha_image.removeAttribute("title");
-  chat_form_captcha_image.removeAttribute("data-reloadable");
-  chat_form_captcha_image.removeAttribute("src");
-  const payload = {type: "captcha"};
-  ws.send(JSON.stringify(payload));
 });
 const enable_captcha = (digest) => {
   chat_form_captcha_digest.value = digest;