diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-27 08:54:37 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-27 08:54:37 +1100 |
| commit | 083b96a5040ccc71d2c0fc13e374d19ad2454161 (patch) | |
| tree | 13c3156d0cdc0468648a05768ffe68c4aebe4456 /src/components/HelpModal.vue | |
| parent | 4a469f8f6fab97d591929933b8cc73085955ab25 (diff) | |
Fix close-button unreliability bug
Diffstat (limited to 'src/components/HelpModal.vue')
| -rw-r--r-- | src/components/HelpModal.vue | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue index e76254d..3fb68ab 100644 --- a/src/components/HelpModal.vue +++ b/src/components/HelpModal.vue @@ -7,7 +7,7 @@ export default defineComponent({ }, methods: { closeClicked(evt: Event){ - if (evt.target == this.$el || evt.target == this.$refs.closeIcon){ + if (evt.target == this.$el || this.$refs.closeIcon.contains(evt.target)){ this.$emit('help-modal-close'); } }, @@ -20,7 +20,7 @@ export default defineComponent({ <div class="fixed left-0 top-0 w-full h-full bg-black/40" @click="closeClicked"> <div class="absolute left-1/2 -translate-x-1/2 w-4/5 top-1/2 -translate-y-1/2 p-4 bg-stone-50 rounded-md shadow shadow-black"> - <svg class="block absolute top-2 right-2 w-6 h-6 hover:cursor-pointer" @click="closeClicked" ref="closeIcon"> + <svg class="block absolute top-2 right-2 w-6 h-6 hover:cursor-pointer" @click.stop="closeClicked" ref="closeIcon"> <use href="#svg-close"/> </svg> <h1 class="text-center text-xl font-bold mb-2">Help Info</h1> |