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

fix: ModalDialog component has focus error in :use-v-if="false" mode. (#494)

Browse source
This commit is contained in:
Ayaka Rizumu 2022-12-21 22:41:27 +08:00 committed by GitHub
parent ed7989cc2c
commit deb5cc2428
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/modal/ModalDialog.vue
View file

@ -62,7 +62,7 @@ const elDialogMain = ref<HTMLDivElement>()
const elDialogRoot = ref<HTMLDivElement>() const elDialogRoot = ref<HTMLDivElement>()
const { activate } = useFocusTrap(elDialogRoot, { const { activate } = useFocusTrap(elDialogRoot, {
immediate: true, immediate: false,
allowOutsideClick: true, allowOutsideClick: true,
clickOutsideDeactivates: true, clickOutsideDeactivates: true,
escapeDeactivates: true, escapeDeactivates: true,
@ -137,9 +137,9 @@ export default {
</script> </script>
<template> <template>
<Teleport to="body" @transitionend="trapFocusDialog"> <Teleport to="body">
<!-- Dialog component --> <!-- Dialog component -->
<Transition name="dialog-visible"> <Transition name="dialog-visible" @transitionend="trapFocusDialog">
<div <div
v-if="isVIf" v-if="isVIf"
v-show="isVShow" v-show="isVShow"