ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refine popover close timing

This commit is contained in:
k00b 2024-09-02 18:25:02 -05:00
parent 67799a508a
commit 69916117b1
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/hoverable-popover.js
View File

@ -13,7 +13,7 @@ export default function HoverablePopover ({ trigger, body, onShow }) {
onShow?.() onShow?.()
timeoutId.current = setTimeout(() => setShow(true), 500) timeoutId.current = setTimeout(() => setShow(true), 500)
} else { } else {
timeoutId.current = setTimeout(() => setShow(!!popRef.current?.matches(':hover')), 500) timeoutId.current = setTimeout(() => setShow(!!popRef.current?.matches(':hover')), 300)
} }
} }
@ -23,8 +23,7 @@ export default function HoverablePopover ({ trigger, body, onShow }) {
trigger={['hover', 'focus']} trigger={['hover', 'focus']}
show={show} show={show}
onToggle={onToggle} onToggle={onToggle}
delay={1} transition
transition={false}
rootClose rootClose
overlay={ overlay={
<Popover style={{ position: 'fixed' }} onPointerLeave={() => onToggle(false)}> <Popover style={{ position: 'fixed' }} onPointerLeave={() => onToggle(false)}>