haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(dialog-portal): set z-index to high value (#13004)

This commit is contained in:
Gabriel Borlea 2023-03-07 16:39:27 +02:00 committed by GitHub
parent 077a88a803
commit 297ab194a8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
react/features/toolbox/components/web/DialogPortal.ts
View File

@ -3,6 +3,7 @@ import ReactDOM from 'react-dom';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
import { IReduxState } from '../../../app/types'; import { IReduxState } from '../../../app/types';
import { ZINDEX_DIALOG_PORTAL } from '../../constants';
type Props = { type Props = {
@ -65,6 +66,7 @@ function DialogPortal({ children, className, style, getRef, setSize }: Props) {
useEffect(() => { useEffect(() => {
if (portalTarget && getRef) { if (portalTarget && getRef) {
getRef(portalTarget); getRef(portalTarget);
portalTarget.style.zIndex = `${ZINDEX_DIALOG_PORTAL}`;
} }
}, [ portalTarget ]); }, [ portalTarget ]);

3
react/features/toolbox/constants.ts
View File

@ -38,3 +38,6 @@ export const NOTIFY_CLICK_MODE = {
ONLY_NOTIFY: 'ONLY_NOTIFY', ONLY_NOTIFY: 'ONLY_NOTIFY',
PREVENT_AND_NOTIFY: 'PREVENT_AND_NOTIFY' PREVENT_AND_NOTIFY: 'PREVENT_AND_NOTIFY'
}; };
// Around 300 to be displayed above components like chat
export const ZINDEX_DIALOG_PORTAL = 300;