diff --git a/src/components/player/Player.tsx b/src/components/player/Player.tsx index 08d018a..7542ee6 100644 --- a/src/components/player/Player.tsx +++ b/src/components/player/Player.tsx @@ -79,6 +79,22 @@ export function Player({ className }: PlayerProps) { } }, []) + // Handle body scroll when in fullscreen + useEffect(() => { + if (displayMode === 'maximized') { + // Disable body scroll + document.body.style.overflow = 'hidden' + } else { + // Re-enable body scroll + document.body.style.overflow = 'unset' + } + + // Cleanup when component unmounts + return () => { + document.body.style.overflow = 'unset' + } + }, [displayMode]) + const executeAction = useCallback(async (action: () => Promise, actionName: string) => { setIsLoading(true) try {