Remove default keybind behavior in browser window (#979)

SlimeVR · Apr 5, 2024 · f9c077e · f9c077e
1 parent 5471f5e
commit f9c077e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/gui/src/App.tsx b/gui/src/App.tsx
@@ -160,6 +160,17 @@ export default function App() {
   const { l10n } = useLocalization();
   const [updateFound, setUpdateFound] = useState('');
   const isTauri = useIsTauri();
+
+  useEffect(() => {
+    const onKeydown: (arg0: KeyboardEvent) => void = function (e) {
+      // seems to be sufficient to prevent most default shortcuts
+      e.preventDefault();
+    };
+
+    window.addEventListener('keydown', onKeydown);
+    return () => window.removeEventListener('keydown', onKeydown);
+  }, []);
+
   useEffect(() => {
     async function fetchReleases() {
       const releases = await fetch(

diff --git a/gui/src/hooks/layout.ts b/gui/src/hooks/layout.ts
@@ -25,7 +25,7 @@ export function useLayout<T extends HTMLElement>() {
       window.removeEventListener('focus', onWindowResize);
       window.removeEventListener('resize', onWindowResize);
     };
-  });
+  }, []);
 
   return {
     layoutHeight,