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

zio/stable
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

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"