Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-24 02:02:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

Unfocus control elements when controls hides

Browse Source
This commit is contained in:
Zoe Roux 2023-11-05 12:42:30 +01:00
parent 972007f9e5
commit 4bfd7c348d
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
front/packages/ui/src/player/index.tsx
View File

@ -163,6 +163,14 @@ export const Player: QueryPage<{ slug: string; type: "episode" | "movie" }> = ({
setPlay(!isPlaying);
};
// When the controls hide, remove focus so space can be used to play/pause instead of triggering the button
// It also serves to hide the tooltip.
useEffect(() => {
if (Platform.OS !== "web") return;
if (!displayControls && document.activeElement instanceof HTMLElement)
document.activeElement.blur();
}, [displayControls]);
if (error || infoError || playbackError)
return (
<>