about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/utils/load_keyboard_extensions.js
diff options
context:
space:
mode:
authorClaire <claire.github-309c@sitedethib.com>2022-10-11 10:41:15 +0200
committerClaire <claire.github-309c@sitedethib.com>2022-10-11 11:31:11 +0200
commitd3879c07b1b2140bd19433ae06855894228bd90f (patch)
tree95d79cbf675206abaa937c3aaf964d323ec52acb /app/javascript/flavours/glitch/utils/load_keyboard_extensions.js
parent1be97ce17fa6c5635b0922ec97378360d793db59 (diff)
Rename flavours/glitch/util into flavours/glitch/utils
Diffstat (limited to 'app/javascript/flavours/glitch/utils/load_keyboard_extensions.js')
-rw-r--r--app/javascript/flavours/glitch/utils/load_keyboard_extensions.js16
1 files changed, 16 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/utils/load_keyboard_extensions.js b/app/javascript/flavours/glitch/utils/load_keyboard_extensions.js
new file mode 100644
index 000000000..2dd0e45fa
--- /dev/null
+++ b/app/javascript/flavours/glitch/utils/load_keyboard_extensions.js
@@ -0,0 +1,16 @@
+// On KaiOS, we may not be able to use a mouse cursor or navigate using Tab-based focus, so we install
+// special left/right focus navigation keyboard listeners, at least on public pages (i.e. so folks
+// can at least log in using KaiOS devices).
+
+function importArrowKeyNavigation() {
+  return import(/* webpackChunkName: "arrow-key-navigation" */ 'arrow-key-navigation');
+}
+
+export default function loadKeyboardExtensions() {
+  if (/KAIOS/.test(navigator.userAgent)) {
+    return importArrowKeyNavigation().then(arrowKeyNav => {
+      arrowKeyNav.register();
+    });
+  }
+  return Promise.resolve();
+}