selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: ignore player hotkeys for text inputs (#646)

Browse Source 
* Ignore player hotkeys for text inputs

* Fix event listener effect
This commit is contained in:
Sergey Mankovsky
2025-09-16 10:57:35 +02:00
committed by GitHub
parent 2ce7479967
commit fa049e8d06
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
www/app/(app)/transcripts/player.tsx
View File

@@ -33,17 +33,27 @@ export default function Player(props: PlayerProps) {
const topicsRef = useRef(props.topics); const topicsRef = useRef(props.topics);
const [firstRender, setFirstRender] = useState<boolean>(true); const [firstRender, setFirstRender] = useState<boolean>(true);
const keyHandler = (e) => { const shouldIgnoreHotkeys = (target: EventTarget | null) => {
if (e.key == " ") { return (
target instanceof HTMLInputElement ||
target instanceof HTMLTextAreaElement
);
};
const keyHandler = (e: KeyboardEvent) => {
if (e.key === " ") {
if (e.repeat) return;
if (shouldIgnoreHotkeys(e.target)) return;
e.preventDefault();
wavesurfer?.playPause(); wavesurfer?.playPause();
} }
}; };
useEffect(() => { useEffect(() => {
document.addEventListener("keyup", keyHandler); document.addEventListener("keydown", keyHandler);
return () => { return () => {
document.removeEventListener("keyup", keyHandler); document.removeEventListener("keydown", keyHandler);
}; };
}); }, [wavesurfer]);
// Waveform setup // Waveform setup
useEffect(() => { useEffect(() => {