From 1a3432d580b10f7ec8a48ef9aa7f8ac4c39ee64d Mon Sep 17 00:00:00 2001
From: Robert Pintilii <robert.pin9@gmail.com>
Date: Wed, 30 Mar 2022 16:08:19 +0300
Subject: [PATCH] fix(gif) Keep showing GIF on hover (#11266)

---
 react/features/filmstrip/components/web/Thumbnail.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/react/features/filmstrip/components/web/Thumbnail.js b/react/features/filmstrip/components/web/Thumbnail.js
index 2d05b77e5..26ed5c6ae 100644
--- a/react/features/filmstrip/components/web/Thumbnail.js
+++ b/react/features/filmstrip/components/web/Thumbnail.js
@@ -827,10 +827,7 @@ class Thumbnail extends Component<Props, State> {
         const { _gifSrc, classes } = this.props;
 
         return _gifSrc && (
-            <div
-                className = { classes.gif }
-                onMouseEnter = { this._onGifMouseEnter }
-                onMouseLeave = { this._onGifMouseLeave }>
+            <div className = { classes.gif }>
                 <img
                     alt = 'GIF'
                     src = { _gifSrc } />
@@ -1000,6 +997,12 @@ class Thumbnail extends Component<Props, State> {
                     className = { clsx(classes.borderIndicator,
                     _gifSrc && classes.borderIndicatorOnTop,
                     'active-speaker-indicator') } />
+                {_gifSrc && (
+                    <div
+                        className = { clsx(classes.borderIndicator, classes.borderIndicatorOnTop) }
+                        onMouseEnter = { this._onGifMouseEnter }
+                        onMouseLeave = { this._onGifMouseLeave } />
+                )}
             </span>
         );
     }