Skip to main content

Tooltip hover delay defaults to 500ms (WEB-1124)

Version: 0.6.2 ยท Type: ๐Ÿ› Bug Fix

WEB-1124

Problemโ€‹

Tooltip previously appeared immediately on pointer hover (delayDuration default 0), causing frequent flicker when the pointer quickly passed over multiple hoverable elements. Since this is a unified library-level interaction convention, it's fixed at the component library level instead of per-consumer hacks โ€” Tree had previously worked around it by passing its own 300ms delay.

Changed Filesโ€‹

  • packages/design/src/components/Tooltip/Tooltip.tsx
  • packages/design/src/components/Tooltip/styles.ts
  • packages/design/src/components/Tree/Tree.tsx
  • packages/design/src/components/Tree/constants.ts

Changesโ€‹

  1. Added constant TOOLTIP_DEFAULT_DELAY_DURATION_MS = 500 in styles.ts
  2. Tooltip / TooltipProvider delayDuration default changed from 0 to TOOLTIP_DEFAULT_DELAY_DURATION_MS; skipDelayDuration unchanged (default 0)
  3. Hide behavior unchanged: Radix's onTriggerLeave fires immediately regardless of delayDuration
  4. Removed Tree's previous workaround TITLE_TOOLTIP_DELAY_MS (300ms) and its import; the overflowed-title tooltip now relies on the new library default of 500ms