administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-14 23:25:25 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Ignore keyboard listener when typing in text field

Browse Source
This commit is contained in:
Nicolas Mowen 2024-09-30 15:26:58 -06:00
parent abe7c28b63
commit 73d1c22911
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/hooks/use-keyboard-listener.tsx
View File

@ -14,7 +14,8 @@ export default function useKeyboardListener(
) {
const keyDownListener = useCallback(
(e: KeyboardEvent) => {
if (!e) {
// @ts-expect-error we know this field exists
if (!e || e.target.tagName == "INPUT") {
return;
}

13
web/src/pages/Live.tsx
View File

@ -1,4 +1,5 @@
import { useFullscreen } from "@/hooks/use-fullscreen";
import useKeyboardListener from "@/hooks/use-keyboard-listener";
import {
useHashState,
usePersistedOverlayState,
@ -43,6 +44,18 @@ function Live() {
const { fullscreen, toggleFullscreen, supportsFullScreen } =
useFullscreen(mainRef);
useKeyboardListener(["f"], (key, modifiers) => {
if (!modifiers.down) {
return;
}
switch (key) {
case "f":
toggleFullscreen();
break;
}
});
// document title
useEffect(() => {