jyapayne/dify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve Tooltip UX by enabling delay by default (#21383)

Browse source
This commit is contained in:
Kerwin Bryant 2025-07-16 11:26:54 +08:00 • committed by GitHub
commit 229b4d621e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
15 changed files with 4 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/app/components/base/tooltip/index.spec.tsx
View file

@ -50,7 +50,7 @@ describe('Tooltip', () => {
test('should close on mouse leave when triggerMethod is hover', () => {
const triggerClassName = 'custom-trigger'
const { container } = render(<Tooltip popupContent="Tooltip content" triggerClassName={triggerClassName} />)
const { container } = render(<Tooltip popupContent="Tooltip content" triggerClassName={triggerClassName} needsDelay={false} />)
const trigger = container.querySelector(`.${triggerClassName}`)
act(() => {
fireEvent.mouseEnter(trigger!)

4
web/app/components/base/tooltip/index.tsx
View file

@ -33,7 +33,7 @@ const Tooltip: FC<TooltipProps> = ({
noDecoration,
offset,
asChild = true,
needsDelay = false,
needsDelay = true,
}) => {
const [open, setOpen] = useState(false)
const [isHoverPopup, {
@ -68,7 +68,7 @@ const Tooltip: FC<TooltipProps> = ({
setTimeout(() => {
if (!isHoverPopupRef.current && !isHoverTriggerRef.current)
setOpen(false)
}, 500)
}, 300)
}
else {
setOpen(false)