diff --git a/src/components/monitor-list/monitor-list.jsx b/src/components/monitor-list/monitor-list.jsx index 2af0a8fb84149c335b7e6e57120cf54b3e64619f..5cb11424113808e07f9c8573a9b2626ec3a838d5 100644 --- a/src/components/monitor-list/monitor-list.jsx +++ b/src/components/monitor-list/monitor-list.jsx @@ -10,7 +10,12 @@ import styles from './monitor-list.css'; const stageSizeToTransform = ({width, height, widthDefault, heightDefault}) => { const scaleX = width / widthDefault; const scaleY = height / heightDefault; - return `scale(${scaleX},${scaleY})`; + if (scaleX === 1 && scaleY === 1) { + // Do not set a transform if the scale is 1 because + // it messes up `position: fixed` elements like the context menu. + return; + } + return {transform: `scale(${scaleX},${scaleY})`}; }; const MonitorList = props => ( @@ -24,9 +29,7 @@ const MonitorList = props => ( > <Box className={styles.monitorListScaler} - style={{ - transform: stageSizeToTransform(props.stageSize) - }} + style={stageSizeToTransform(props.stageSize)} > {props.monitors.valueSeq().filter(m => m.visible) .map(monitorData => (