alex/agb
1
0
Fork 0
mirror of https://github.com/italicsjenga/agb.git synced 2024-12-23 00:01:34 +11:00
Code Issues Packages Projects Releases Wiki Activity

Add itch.io scrolling protection

Browse source
This commit is contained in:
Gwilym Inzani 2023-07-05 12:07:47 +01:00 committed by Corwin
parent 91dfb63fbd
commit f944f35b61
No known key found for this signature in database
2 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
website/src/App.tsx
View file

@ -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 && (

17
website/src/useAvoidItchIoScrolling.ts Normal file
View file

@ -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);
};
}, []);
};