Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 02:22:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Popup direction validation improved

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-11-13 19:17:33 +02:00
parent e86846e29c
commit 44adc17144
1 changed files with 1 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/common/Popup/Popup.js
View file

@ -6,7 +6,6 @@ const useDataset = require('stremio/common/useDataset');
const styles = require('./styles');
const Popup = ({ open, direction, renderLabel, renderMenu, onCloseRequest, ...props }) => {
direction = ['top', 'bottom'].includes(direction) ? direction : null;
const dataset = useDataset(props);
const labelRef = React.useRef(null);
const [autoDirection, setAutoDirection] = React.useState(null);
@ -68,7 +67,7 @@ const Popup = ({ open, direction, renderLabel, renderMenu, onCloseRequest, ...pr
ref: labelRef,
className: styles['label-container'],
children: open ?
<FocusLock className={classnames(styles['menu-container'], styles[`menu-direction-${typeof direction === 'string' ? direction : autoDirection}`])} autoFocus={false} lockProps={{ onMouseDown: menuOnMouseDown, onKeyUp: menuOnKeyUp }}>
<FocusLock className={classnames(styles['menu-container'], styles[`menu-direction-${['top', 'bottom'].includes(direction) ? direction : autoDirection}`])} autoFocus={false} lockProps={{ onMouseDown: menuOnMouseDown, onKeyUp: menuOnKeyUp }}>
{renderMenu()}
</FocusLock>
: