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