mirrors/homebox
1
0
Fork 1
mirror of https://github.com/hay-kot/homebox.git synced 2025-08-03 16:20:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

listen for esc to close modals

Browse source
This commit is contained in:
Hayden 2023-07-31 12:43:56 -05:00
parent b9a255914b
commit da2e0103c3
No known key found for this signature in database
GPG key ID: 17CF79474E257545
1 changed files with 14 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

14
frontend/components/Base/Modal.vue
View file

@ -32,6 +32,12 @@
}, },
}); });
function escClose(e: KeyboardEvent) {
if (e.key === "Escape") {
close();
}
}
function close() { function close() {
if (props.readonly) { if (props.readonly) {
emit("cancel"); emit("cancel");
@ -42,4 +48,12 @@
const modalId = useId(); const modalId = useId();
const modal = useVModel(props, "modelValue", emit); const modal = useVModel(props, "modelValue", emit);
watchEffect(() => {
if (modal.value) {
document.addEventListener("keydown", escClose);
} else {
document.removeEventListener("keydown", escClose);
}
});
</script> </script>