From 42689c546bc79aa8c1563ad0c8dd08fdb368d951 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 14 May 2025 19:02:12 +0300
Subject: [PATCH] Video Player: Fix mouse leave (#5916)

---
 src/components/mediaViewer/VideoPlayer.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/mediaViewer/VideoPlayer.tsx b/src/components/mediaViewer/VideoPlayer.tsx
index 061128189..9cbdc5e1b 100644
--- a/src/components/mediaViewer/VideoPlayer.tsx
+++ b/src/components/mediaViewer/VideoPlayer.tsx
@@ -120,7 +120,8 @@ const VideoPlayer: FC<OwnProps> = ({
   const handleVideoLeave = useLastCallback((e) => {
     const bounds = videoRef.current?.getBoundingClientRect();
     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);
     }
   });
@@ -295,7 +296,7 @@ const VideoPlayer: FC<OwnProps> = ({
     <div
       className="VideoPlayer"
       onMouseMove={shouldToggleControls ? handleVideoMove : undefined}
-      onMouseOut={shouldToggleControls ? handleVideoLeave : undefined}
+      onMouseLeave={shouldToggleControls ? handleVideoLeave : undefined}
     >
       <div
         style={wrapperStyle}