teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix(ui): close modals when navigating (#253)

Browse source
This commit is contained in:
Daniel Roe 2022-11-30 10:27:50 +00:00 committed by GitHub
parent fc38c339a6
commit 1039c225e9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
components/modal/ModalDialog.vue
View file

@ -78,6 +78,8 @@ useEventListener('keydown', (e: KeyboardEvent) => {
} }
}) })
let unsubscribe: () => void
watch(modelValue, async (v) => { watch(modelValue, async (v) => {
if (v) { if (v) {
isOut = true isOut = true
@ -85,8 +87,14 @@ watch(modelValue, async (v) => {
setTimeout(() => { setTimeout(() => {
isOut = false isOut = false
}, 10) }, 10)
unsubscribe = useRouter().beforeEach(() => {
unsubscribe()
close()
})
} }
else { else {
unsubscribe?.()
isOut = true isOut = true
} }
}) })