From f7647b88e085d492b90e08a61fb1312d28c4d76e Mon Sep 17 00:00:00 2001
From: j264415 <j264415@protonmail.com>
Date: Mon, 26 Feb 2024 16:47:10 +0000
Subject: [PATCH] up/down for FAQ list

---
 src/web/waiters/ControlsWaiter.mjs | 32 ++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/web/waiters/ControlsWaiter.mjs b/src/web/waiters/ControlsWaiter.mjs
index 6a0ef6f2..e5a3f3b9 100755
--- a/src/web/waiters/ControlsWaiter.mjs
+++ b/src/web/waiters/ControlsWaiter.mjs
@@ -351,6 +351,12 @@ class ControlsWaiter {
      */
     supportButtonClick(e) {
         e.preventDefault();
+        const faqs = document.getElementById("faqs");
+        const faqsAElement = faqs.getElementsByTagName("a");
+        for (let i = 0; i < faqsAElement.length; i++) {
+            faqsAElement[i].setAttribute("tabindex", "0");
+            faqsAElement[i].addEventListener("keydown", this.ArrowNavFAQS, false);
+        }
 
         const reportBugInfo = document.getElementById("report-bug-info");
         const saveLink = this.generateStateUrl(true, true, null, null, "https://gchq.github.io/CyberChef/");
@@ -367,6 +373,32 @@ ${navigator.userAgent}
     }
 
 
+    /**
+    * @param {Event} ev
+    */
+    ArrowNavFAQS(ev) {
+
+        const currentElement = ev.target;
+        ev.preventDefault();
+        ev.stopPropagation();
+        if (ev.key === "ArrowDown") {
+            const nextElement = currentElement.nextElementSibling;
+            if (nextElement.nextElementSibling === null) {
+                currentElement.parentElement.firstElementChild.nextElementSibling.focus();
+            } else {
+                nextElement.nextElementSibling.nextElementSibling.focus();
+            }
+        } else if (ev.key === "ArrowUp") {
+            const prevElement = currentElement.previousElementSibling;
+            if (prevElement.previousElementSibling === null) {
+                currentElement.parentElement.lastElementChild.previousElementSibling.focus();
+            } else {
+                prevElement.previousElementSibling.previousElementSibling.focus();
+            }
+        }
+
+    }
+
     /**
      * Shows the stale indicator to show that the input or recipe has changed
      * since the last bake.