Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change note text input to allow for multiline editing

Browse Source
This commit is contained in:
Mitchell McCaffrey
2021-01-14 12:36:48 +11:00
parent 61b4c8abc3
commit 7281e9b9ba
4 changed files with 31 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/map/MapMenu.js
View File

@@ -22,32 +22,28 @@ function MapMenu({
useEffect(() => {
// Close modal if interacting with any other element
function handlePointerDown(event) {
function handleInteraction(event) {
const path = event.composedPath();
if (
!path.includes(modalContentNode) &&
!(excludeNode && path.includes(excludeNode))
!(excludeNode && path.includes(excludeNode)) &&
!(event.target instanceof HTMLTextAreaElement)
) {
onRequestClose();
document.body.removeEventListener("pointerdown", handlePointerDown);
document.body.removeEventListener("pointerdown", handleInteraction);
document.body.removeEventListener("wheel", handleInteraction);
}
}
if (modalContentNode) {
document.body.addEventListener("pointerdown", handlePointerDown);
document.body.addEventListener("pointerdown", handleInteraction);
// Check for wheel event to close modal as well
document.body.addEventListener(
"wheel",
() => {
onRequestClose();
},
{ once: true }
);
document.body.addEventListener("wheel", handleInteraction);
}
return () => {
if (modalContentNode) {
document.body.removeEventListener("pointerdown", handlePointerDown);
document.body.removeEventListener("pointerdown", handleInteraction);
}
};
}, [modalContentNode, excludeNode, onRequestClose]);