Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-16 19:57:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

web: allow closing file drag overlay by click or esc key (#9044)

Browse Source 
Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>
This commit is contained in:
01zulfi
2025-12-11 11:29:28 +05:00
committed by GitHub
parent 2cdfe2c158
commit bb3b05aab0
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web/src/components/editor/index.tsx
View File

@@ -850,17 +850,27 @@ function useDragOverlay() {
e.preventDefault(); e.preventDefault();
} }
function handleKeyDown(e: KeyboardEvent) {
if (e.key === "Escape") {
hideOverlay();
}
}
dropElement.addEventListener("dragenter", showOverlay); dropElement.addEventListener("dragenter", showOverlay);
overlay.addEventListener("drop", hideOverlay); overlay.addEventListener("drop", hideOverlay);
overlay.addEventListener("dragenter", allowDrag); overlay.addEventListener("dragenter", allowDrag);
overlay.addEventListener("dragover", allowDrag); overlay.addEventListener("dragover", allowDrag);
overlay.addEventListener("dragleave", hideOverlay); overlay.addEventListener("dragleave", hideOverlay);
overlay.addEventListener("click", hideOverlay);
document.addEventListener("keydown", handleKeyDown);
return () => { return () => {
dropElement.removeEventListener("dragenter", showOverlay); dropElement.removeEventListener("dragenter", showOverlay);
overlay.removeEventListener("drop", hideOverlay); overlay.removeEventListener("drop", hideOverlay);
overlay.removeEventListener("dragenter", allowDrag); overlay.removeEventListener("dragenter", allowDrag);
overlay.removeEventListener("dragover", allowDrag); overlay.removeEventListener("dragover", allowDrag);
overlay.removeEventListener("dragleave", hideOverlay); overlay.removeEventListener("dragleave", hideOverlay);
overlay.removeEventListener("click", hideOverlay);
document.removeEventListener("keydown", handleKeyDown);
}; };
}, []); }, []);