selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 12:19: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 [firstRender, setFirstRender] = useState<boolean>(true);
const keyHandler = (e) => {
if (e.key == " ") {
const shouldIgnoreHotkeys = (target: EventTarget | null) => {
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();
}
};
useEffect(() => {
document.addEventListener("keyup", keyHandler);
document.addEventListener("keydown", keyHandler);
return () => {
document.removeEventListener("keyup", keyHandler);
document.removeEventListener("keydown", keyHandler);
};
});
}, [wavesurfer]);
// Waveform setup
useEffect(() => {