fix(Popover): avoid crash on mount if ref not loaded (#105)

This commit is contained in:
Sylvain Marroufin
2022-10-26 11:57:13 +02:00
committed by GitHub
parent 929192fd46
commit e9f0224b91
2 changed files with 5 additions and 2 deletions

View File

@@ -154,7 +154,9 @@ function onItemClick (e, item: any) {
}
}
// https://github.com/tailwindlabs/headlessui/blob/f66f4926c489fc15289d528294c23a3dc2aee7b1/packages/%40headlessui-vue/src/components/menu/menu.ts#L131
const menuApi: Ref<any> = ref(null)
let openTimeout: NodeJS.Timeout | null = null
let closeTimeout: NodeJS.Timeout | null = null
@@ -167,7 +169,7 @@ onMounted(() => {
const menuProvidesSymbols = Object.getOwnPropertySymbols(menuProvides)
menuApi.value = menuProvidesSymbols.length && menuProvides[menuProvidesSymbols[0]]
// stop trigger click propagation on hover
menuApi.value?.buttonRef.addEventListener('click', (e: Event) => {
menuApi.value?.buttonRef?.addEventListener('click', (e: Event) => {
if (props.mode === 'hover') {
e.stopPropagation()
}