Add itch.io scrolling protection

website/src/App.tsx

@@ -4,6 +4,7 @@ import { BindingsControl, DefaultBindingsSet, Bindings } from "./bindings";
 import { styled } from "styled-components";
 import { useOnKeyUp } from "./useOnKeyUp.hook";
 import { useLocalStorage } from "./useLocalStorage.hook";
+import { useAvoidItchIoScrolling } from "./useAvoidItchIoScrolling";
 
 const BindingsDialog = styled.dialog`
   border-radius: 5px;
@@ -47,6 +48,8 @@ function App() {
     setShowBindings(!showBindings);
   });
 
+  useAvoidItchIoScrolling();
+
   return (
     <AppContainer>
       {showBindings && (

website/src/useAvoidItchIoScrolling.ts

@@ -0,0 +1,17 @@
+import { useEffect } from "react";
+
+export const useAvoidItchIoScrolling = () => {
+  useEffect(() => {
+    const eventHandler = (e: KeyboardEvent) => {
+      if ([32, 37, 38, 39, 40].indexOf(e.keyCode) > -1) {
+        e.preventDefault();
+      }
+    };
+
+    window.addEventListener("keydown", eventHandler, false);
+
+    return () => {
+      window.removeEventListener("keydown", eventHandler, false);
+    };
+  }, []);
+};