ZF/jitsi-meet
1
0
Fork 0
mirror of https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git synced 2026-09-01 20:47:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(context-menu) Add max height (#10965)

Browse Source
This commit is contained in:
Robert Pintilii
2022-02-15 13:23:40 +02:00
committed by GitHub
parent 387af2db20
commit 9062c91d77
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
react/features/base/components/context-menu/ContextMenu.js
View File

@@ -67,6 +67,8 @@ type Props = {
onMouseLeave?: Function
};
const MAX_HEIGHT = 400;
const useStyles = makeStyles(theme => {
return {
contextMenu: {
@@ -80,7 +82,9 @@ const useStyles = makeStyles(theme => {
position: 'absolute',
right: `${participantsPaneTheme.panePadding}px`,
top: 0,
zIndex: 2
zIndex: 2,
maxHeight: `${MAX_HEIGHT}px`,
overflowY: 'auto'
},
contextMenuHidden: {
@@ -136,8 +140,9 @@ const ContextMenu = ({
const { current: container } = containerRef;
const { offsetTop, offsetParent: { offsetHeight, scrollTop } } = offsetTarget;
const outerHeight = getComputedOuterHeight(container);
const height = Math.min(MAX_HEIGHT, outerHeight);
container.style.top = offsetTop + outerHeight > offsetHeight + scrollTop
container.style.top = offsetTop + height > offsetHeight + scrollTop
? `${offsetTop - outerHeight}`
: `${offsetTop}`;