From 24bf5a2dc372d8f8bbba5bb6bd265ff2ec5f6775 Mon Sep 17 00:00:00 2001
From: hmuresan <horatiu.muresan@8x8.com>
Date: Mon, 19 Apr 2021 14:18:28 +0300
Subject: [PATCH] fix(toolbox): hide toolbox when mouse outside toolbox area

---
 react/features/toolbox/components/web/Toolbox.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/react/features/toolbox/components/web/Toolbox.js b/react/features/toolbox/components/web/Toolbox.js
index 0326ae48f..f1e4899e5 100644
--- a/react/features/toolbox/components/web/Toolbox.js
+++ b/react/features/toolbox/components/web/Toolbox.js
@@ -368,10 +368,7 @@ class Toolbox extends Component<Props> {
         return (
             <div
                 className = { rootClassNames }
-                id = 'new-toolbox'
-                onFocus = { this._onTabIn }
-                onMouseOut = { this._onMouseOut }
-                onMouseOver = { this._onMouseOver }>
+                id = 'new-toolbox'>
                 { this._renderToolboxContent() }
             </div>
         );
@@ -1300,7 +1297,11 @@ class Toolbox extends Component<Props> {
 
         return (
             <div className = { containerClassName }>
-                <div className = 'toolbox-content-wrapper'>
+                <div
+                    className = 'toolbox-content-wrapper'
+                    onFocus = { this._onTabIn }
+                    onMouseOut = { this._onMouseOut }
+                    onMouseOver = { this._onMouseOver }>
                     <div className = 'toolbox-content-items'>
                         { this._renderAudioButton() }
                         { this._renderVideoButton() }