Hover enter more lenient
This commit is contained in:
@@ -22,7 +22,7 @@ const menuModel = ref(false);
|
||||
|
||||
const wrapper = ref<HTMLDivElement | null>(null)
|
||||
const buttonRef = ref<HTMLButtonElement | null>(null)
|
||||
const wrapperHovered = useElementHover(wrapper, { delayEnter: 500, delayLeave: 500 })
|
||||
const wrapperHovered = useElementHover(wrapper, { delayEnter: 100, delayLeave: 500 })
|
||||
const { focused: buttonFocused } = useFocus(buttonRef)
|
||||
|
||||
const isMenuOpen = computed(() => menuModel.value || wrapperHovered.value)
|
||||
|
||||
@@ -13,7 +13,7 @@ const navModel = ref(false);
|
||||
|
||||
const wrapper = ref<HTMLDivElement | null>(null)
|
||||
const buttonRef = ref<HTMLButtonElement | null>(null)
|
||||
const wrapperHovered = useElementHover(wrapper, { delayEnter: 500, delayLeave: 500 })
|
||||
const wrapperHovered = useElementHover(wrapper, { delayEnter: 100, delayLeave: 500 })
|
||||
const { focused: buttonFocused } = useFocus(buttonRef)
|
||||
|
||||
const isNavOpened = computed(() => navModel.value || wrapperHovered.value)
|
||||
|
||||
Reference in New Issue
Block a user