Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

close modal dialogs on resize dropped

Browse source
This commit is contained in:
nklhrstv 2020-02-14 11:43:04 +02:00
parent ae12899c27
commit d6a2e9be3d
1 changed files with 0 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/common/ModalDialog/ModalDialog.js
View file

@ -34,15 +34,6 @@ const ModalDialog = ({ className, title, buttons, children, dataset, onCloseRequ
event.nativeEvent.closeModalDialogPrevented = true;
}, []);
React.useEffect(() => {
const onWindowResize = (event) => {
if (typeof onCloseRequest === 'function') {
onCloseRequest({
type: 'close',
dataset: dataset,
nativeEvent: event
});
}
};
const onWindowKeyDown = (event) => {
// its `-2` because focus lock render locking divs around its content
if (modalsContainer.childNodes[modalsContainer.childElementCount - 2] === modalContainerRef.current) {
@ -55,10 +46,8 @@ const ModalDialog = ({ className, title, buttons, children, dataset, onCloseRequ
}
}
};
window.addEventListener('resize', onWindowResize);
window.addEventListener('keydown', onWindowKeyDown);
return () => {
window.removeEventListener('resize', onWindowResize);
window.removeEventListener('keydown', onWindowKeyDown);
};
}, [dataset, onCloseRequest]);