ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Video Player: Fix mouse leave (#5916)

Browse Source
This commit is contained in:
Alexander Zinchuk 2025-05-14 19:02:12 +03:00
parent b645f9460c
commit 42689c546b
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/mediaViewer/VideoPlayer.tsx
View File

@ -120,7 +120,8 @@ const VideoPlayer: FC<OwnProps> = ({
const handleVideoLeave = useLastCallback((e) => { const handleVideoLeave = useLastCallback((e) => {
const bounds = videoRef.current?.getBoundingClientRect(); const bounds = videoRef.current?.getBoundingClientRect();
if (!bounds) return; if (!bounds) return;
if (e.clientX < bounds.left || e.clientX > bounds.right || e.clientY < bounds.top || e.clientY > bounds.bottom) { if (e.clientX <= bounds.left || e.clientX >= bounds.right
|| e.clientY <= bounds.top || e.clientY >= bounds.bottom) {
toggleControls(false); toggleControls(false);
} }
}); });
@ -295,7 +296,7 @@ const VideoPlayer: FC<OwnProps> = ({
<div <div
className="VideoPlayer" className="VideoPlayer"
onMouseMove={shouldToggleControls ? handleVideoMove : undefined} onMouseMove={shouldToggleControls ? handleVideoMove : undefined}
onMouseOut={shouldToggleControls ? handleVideoLeave : undefined} onMouseLeave={shouldToggleControls ? handleVideoLeave : undefined}
> >
<div <div
style={wrapperStyle} style={wrapperStyle}