Skip to content

Wrap long values in Pivot's cell hover tooltip - #9857

Open
nishantmonu51 wants to merge 2 commits into
mainfrom
nishant/wrap-pivot-tooltip
Open

Wrap long values in Pivot's cell hover tooltip#9857
nishantmonu51 wants to merge 2 commits into
mainfrom
nishant/wrap-pivot-tooltip

Conversation

@nishantmonu51

@nishantmonu51 nishantmonu51 commented Sep 3, 2026

Copy link
Copy Markdown
Collaborator

Long cell values in the Pivot's hover tooltip were getting cut off to a single ellipsized line, even though the tooltip has room to grow. Full long-text wrapping on hover already worked on the Explore dashboard.

  • TooltipTitle's value now supports wrapping across multiple lines via a new wrap prop, opt-in and off by default so existing usages (~30 call sites) are unaffected.
  • VirtualTooltip (used by the Pivot and dimension table) opts in.

Checklist:

  • Covered by tests
  • Ran it and it works as intended
  • Reviewed the diff before requesting a review
  • Checked for unhandled edge cases
  • Linked the issues it closes
  • Checked if the docs need to be updated. If so, create a separate Linear DOCS issue
  • Intend to cherry-pick into the release branch
  • I'm proud of this work!

The Pivot's hover tooltip renders through `TooltipTitle`, which
hard-coded `truncate` on the value, so long cell values collapsed to
a single ellipsized line regardless of the tooltip's width. Explore's
leaderboard doesn't share this component, which is why wrapping
already worked there.

`TooltipTitle` now takes a `wrap` prop (default off, preserving the
~30 other call sites), and `VirtualTooltip` (used by the Pivot and
dimension table) opts in.

Claude-Session: https://claude.ai/code/session_011b89i38746941dRXzqWSXd
`break-words` alone did not wrap the values this change targets. Without
`overflow: hidden` the name is a grid item sized to its min-content width,
and `overflow-wrap: break-word` contributes no break opportunities to
min-content, so a single unbroken token (a URL, a UUID) overflowed the
360px tooltip instead of wrapping. `min-w-0` lets the item shrink so the
break actually happens.

Also scope `wrap` to cell values: header tooltips in the source/model
preview keep their previous single-line ellipsis, and the type in the
description slot stays baseline-aligned.

Claude-Session: https://claude.ai/code/session_01NGUuWWbkeCTrYXrDPLwXG3
@nishantmonu51 nishantmonu51 added Type:Improvement Area:Pivot Size:S Small change: under 100 lines labels Sep 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Area:Pivot Size:S Small change: under 100 lines Type:Improvement

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants