I seem to be having an issue with closing a menu item in vue and vuetify2. Here is the code snippet that I have:
<v-menu
transition="slide-y-transition"
bottom
left
offset-y
nudge-bottom="2"
:close-on-click="!activeTour"
>
<template #activator="{ on, attrs }">
<v-btn
icon
class="ml-md-4"
v-bind="attrs"
v-on="on"
>
<v-icon>
mdi-plus-circle
</v-icon>
</v-btn>
</template>
<v-list>
<v-list-item>
<WorkRegistryDialog class="work-registry-activator">
<template #activator="{ on: dialog, attrs }">
<v-list-item-title
v-bind="attrs"
v-on="dialog"
@click="zamknij"
>
{{ $t("add_entry") }}
</v-list-item-title>
</template>
</WorkRegistryDialog>
</v-list-item>
However, when I try to close the menu by clicking on the v-list-item containing WorkRegistryDialog, it doesn't work as expected. Can anyone offer some assistance with this issue?
I've attempted to add JavaScript listeners without any success.