Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-16 23:32:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

close popup on esc pressed

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-21 16:23:13 +03:00
parent dab5b236a9
commit 23297a1470
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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