Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-29 18:08:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

close Popup fixed .... again

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-22 16:53:36 +03:00
parent f68d44352d
commit 3dc892255a
1 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -9,29 +9,37 @@ const Popup = ({ open = false, menuMatchLabelWidth = false, renderLabel, renderM
const [menuStyles, setMenuStyles] = React.useState({});
React.useEffect(() => {
const checkCloseEvent = (event) => {
if (event.type === 'keydown') {
if (event.key === 'Escape') {
switch (event.type) {
case 'resize':
onCloseRequest(event);
}
} else if (event.target !== window &&
event.target !== document &&
event.target !== document.documentElement &&
!labelRef.current.contains(event.target) &&
!menuRef.current.contains(event.target)) {
onCloseRequest(event);
break;
case 'keydown':
if (event.key === 'Escape') {
onCloseRequest(event);
}
break;
case 'mousedown':
case 'scroll':
if (event.target !== document &&
event.target !== document.documentElement &&
!labelRef.current.contains(event.target) &&
!menuRef.current.contains(event.target)) {
onCloseRequest(event);
}
break;
}
};
if (open) {
window.addEventListener('scroll', checkCloseEvent, true);
window.addEventListener('resize', checkCloseEvent);
window.addEventListener('mousedown', checkCloseEvent);
window.addEventListener('keydown', checkCloseEvent);
window.addEventListener('resize', checkCloseEvent);
}
return () => {
window.removeEventListener('scroll', checkCloseEvent, true);
window.removeEventListener('resize', checkCloseEvent);
window.removeEventListener('mousedown', checkCloseEvent);
window.removeEventListener('keydown', checkCloseEvent);
window.removeEventListener('resize', checkCloseEvent);
};
}, [open, onCloseRequest]);
React.useEffect(() => {