I tried to make it mouse hover and longpress to open, however the closeDelay not working
const [opened, handlers] = useDisclosure(false, {
onOpen: () => { console.log('Opened')},
onClose: () => console.log('Closed'),
});
const bind = useLongPress(handlers.open, {
});
<HoverCard
width="fit-content"
shadow="md"
radius="xl"
position="top"
transition="pop"
transitionDuration={200}
opened={opened}
closeDelay={800}
onMouseEnter={handlers.open}
className="select-none"
{...bind()}
>
<HoverCard.Target>Hover</HoverCard.Target>
<HoverCard.Dropdown>Dropdown</HoverCard.Dropdown>
</HoverCard>