From 297ab194a8ff71c79829dacb04814407615b2b13 Mon Sep 17 00:00:00 2001
From: Gabriel Borlea <gabriel.borlea@8x8.com>
Date: Tue, 7 Mar 2023 16:39:27 +0200
Subject: [PATCH] fix(dialog-portal): set z-index to high value (#13004)

---
 react/features/toolbox/components/web/DialogPortal.ts | 2 ++
 react/features/toolbox/constants.ts                   | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/react/features/toolbox/components/web/DialogPortal.ts b/react/features/toolbox/components/web/DialogPortal.ts
index 2c78b99cf..91f3bb21f 100644
--- a/react/features/toolbox/components/web/DialogPortal.ts
+++ b/react/features/toolbox/components/web/DialogPortal.ts
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom';
 import { useSelector } from 'react-redux';
 
 import { IReduxState } from '../../../app/types';
+import { ZINDEX_DIALOG_PORTAL } from '../../constants';
 
 type Props = {
 
@@ -65,6 +66,7 @@ function DialogPortal({ children, className, style, getRef, setSize }: Props) {
     useEffect(() => {
         if (portalTarget && getRef) {
             getRef(portalTarget);
+            portalTarget.style.zIndex = `${ZINDEX_DIALOG_PORTAL}`;
         }
     }, [ portalTarget ]);
 
diff --git a/react/features/toolbox/constants.ts b/react/features/toolbox/constants.ts
index 3d35ae9b1..8fff98bcc 100644
--- a/react/features/toolbox/constants.ts
+++ b/react/features/toolbox/constants.ts
@@ -38,3 +38,6 @@ export const NOTIFY_CLICK_MODE = {
     ONLY_NOTIFY: 'ONLY_NOTIFY',
     PREVENT_AND_NOTIFY: 'PREVENT_AND_NOTIFY'
 };
+
+// Around 300 to be displayed above components like chat
+export const ZINDEX_DIALOG_PORTAL = 300;