Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 11:42: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; event.nativeEvent.closeModalDialogPrevented = true;
}, []); }, []);
React.useEffect(() => { React.useEffect(() => {
const onWindowResize = (event) => {
if (typeof onCloseRequest === 'function') {
onCloseRequest({
type: 'close',
dataset: dataset,
nativeEvent: event
});
}
};
const onWindowKeyDown = (event) => { const onWindowKeyDown = (event) => {
// its `-2` because focus lock render locking divs around its content // its `-2` because focus lock render locking divs around its content
if (modalsContainer.childNodes[modalsContainer.childElementCount - 2] === modalContainerRef.current) { 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); window.addEventListener('keydown', onWindowKeyDown);
return () => { return () => {
window.removeEventListener('resize', onWindowResize);
window.removeEventListener('keydown', onWindowKeyDown); window.removeEventListener('keydown', onWindowKeyDown);
}; };
}, [dataset, onCloseRequest]); }, [dataset, onCloseRequest]);