[PR #21383] Improve Tooltip UX by enabling delay by default #29645

Closed
opened 2026-02-21 20:45:58 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/langgenius/dify/pull/21383

State: closed
Merged: Yes


Important

  1. Make sure you have read our contribution guidelines
  2. Ensure there is an associated issue and you have been assigned to it
  3. Use the correct syntax to link this PR: Fixes #<issue number>.

Summary

Changed default needsDelay from false to true because:

  • Most tooltips benefit from hover delay to allow cursor movement to content
  • Prevents unintended tooltip disappearance during mouse transition
  • Aligns with modern UI tooltip behavior expectations
  • Reduces need for developers to manually enable this feature in each implementation

For example: Users expect to be able to move their cursor from the trigger to the tooltip content (to copy text or interact with content) without the tooltip disappearing immediately - this change addresses that common use case.
Also reduced delay from 500ms to 300ms for better responsiveness while maintaining usability.

Screenshots

Before After
... ...

Checklist

  • This change requires a documentation update, included: Dify Document
  • I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!)
  • I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change.
  • I've updated the documentation accordingly.
  • I ran dev/reformat(backend) and cd web && npx lint-staged(frontend) to appease the lint gods
**Original Pull Request:** https://github.com/langgenius/dify/pull/21383 **State:** closed **Merged:** Yes --- > [!IMPORTANT] > > 1. Make sure you have read our [contribution guidelines](https://github.com/langgenius/dify/blob/main/CONTRIBUTING.md) > 2. Ensure there is an associated issue and you have been assigned to it > 3. Use the correct syntax to link this PR: `Fixes #<issue number>`. ## Summary <!-- Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change. --> Changed default needsDelay from false to true because: - Most tooltips benefit from hover delay to allow cursor movement to content - Prevents unintended tooltip disappearance during mouse transition - Aligns with modern UI tooltip behavior expectations - Reduces need for developers to manually enable this feature in each implementation For example: Users expect to be able to move their cursor from the trigger to the tooltip content (to copy text or interact with content) without the tooltip disappearing immediately - this change addresses that common use case. Also reduced delay from 500ms to 300ms for better responsiveness while maintaining usability. ## Screenshots | Before | After | |--------|-------| | ... | ... | ## Checklist - [ ] This change requires a documentation update, included: [Dify Document](https://github.com/langgenius/dify-docs) - [x] I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!) - [x] I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change. - [x] I've updated the documentation accordingly. - [x] I ran `dev/reformat`(backend) and `cd web && npx lint-staged`(frontend) to appease the lint gods
yindo added the pull-request label 2026-02-21 20:45:58 -05:00
yindo closed this issue 2026-02-21 20:45:58 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#29645