Skip to content

feat: show tooltip only for truncated titles on componentitem#1789

Draft
maxy-shpfy wants to merge 1 commit into02-11-feat_tooltip_on_hover_for_componentitemfrom
02-11-feat_show_tooltip_only_for_truncated_titles_on_componentitem
Draft

feat: show tooltip only for truncated titles on componentitem#1789
maxy-shpfy wants to merge 1 commit into02-11-feat_tooltip_on_hover_for_componentitemfrom
02-11-feat_show_tooltip_only_for_truncated_titles_on_componentitem

Conversation

@maxy-shpfy
Copy link
Copy Markdown
Collaborator

@maxy-shpfy maxy-shpfy commented Feb 11, 2026

Description

Added a tooltip that only appears when the component name is truncated in the FlowSidebar's ComponentItem. This improves usability by showing the full component name only when necessary.

Type of Change

  • Improvement
  • User Experience Enhancement

Checklist

  • I have tested this does not break current pipelines / runs functionality
  • I have tested the changes on staging

Technical Details

  • Added a ref to the component name element to track its dimensions
  • Implemented a ResizeObserver to detect when text is truncated
  • Added state to conditionally render the tooltip only when text is truncated
  • Removed unused imports (BlockStack, Text)

Test Instructions

  1. Navigate to the Flow Sidebar
  2. Observe components with long names that get truncated
  3. Hover over truncated component names to verify the tooltip appears
  4. Verify that tooltips do not appear for component names that fit completely

Screenshots (if applicable)

Screen Recording 2026-02-11 at 10.25.57 AM.mov (uploaded via Graphite)

Before: Tooltip always shows on hover, even when the full name is visible
After: Tooltip only appears when the component name is truncated

Copy link
Copy Markdown
Collaborator Author

maxy-shpfy commented Feb 11, 2026

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

This stack of pull requests is managed by Graphite. Learn more about stacking.

@maxy-shpfy maxy-shpfy force-pushed the 02-11-feat_show_tooltip_only_for_truncated_titles_on_componentitem branch from 947e9a6 to b01e90f Compare February 11, 2026 18:47
@maxy-shpfy maxy-shpfy force-pushed the 02-11-feat_tooltip_on_hover_for_componentitem branch from 8f39499 to 8a0cbad Compare February 11, 2026 18:47
@maxy-shpfy maxy-shpfy force-pushed the 02-11-feat_tooltip_on_hover_for_componentitem branch from 8a0cbad to 2eb5b5f Compare February 19, 2026 03:21
@maxy-shpfy maxy-shpfy force-pushed the 02-11-feat_show_tooltip_only_for_truncated_titles_on_componentitem branch from b01e90f to f1afbd8 Compare February 19, 2026 03:21
@maxy-shpfy maxy-shpfy force-pushed the 02-11-feat_tooltip_on_hover_for_componentitem branch from 2eb5b5f to 6b7debe Compare February 19, 2026 18:38
@maxy-shpfy maxy-shpfy force-pushed the 02-11-feat_show_tooltip_only_for_truncated_titles_on_componentitem branch from f1afbd8 to d795f45 Compare February 19, 2026 18:38
@maxy-shpfy maxy-shpfy force-pushed the 02-11-feat_tooltip_on_hover_for_componentitem branch 2 times, most recently from 3dd0e85 to 10c4439 Compare February 19, 2026 18:47
@maxy-shpfy maxy-shpfy force-pushed the 02-11-feat_show_tooltip_only_for_truncated_titles_on_componentitem branch from d795f45 to 798fe76 Compare February 19, 2026 18:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant