## Summary Follow-up to #317. Portaled tooltip uses `position: fixed`; on scroll it stayed anchored to stale viewport coords. - Listen to `scroll` (capture) and `resize`, flip a `hidden` flag to hide the tooltip. - Reset flag whenever Recharts reports a new `coordinate` (pointer back on a bar). - Replace `visibility` binary toggle with `opacity` + 120ms transition so the whole tooltip (bg, border, text) fades as one layer instead of revealing staggered unmount order. ## Test plan - Hover a bar → tooltip fades in at cursor. - Scroll the page while hovering → tooltip fades out smoothly, whole element at once. - Hover another bar after scrolling → tooltip reappears. |
||
|---|---|---|
| .. | ||
| alert-dialog.tsx | ||
| alert.tsx | ||
| amount-display.tsx | ||
| amount-input.tsx | ||
| avatar.tsx | ||
| badge.tsx | ||
| breadcrumb.tsx | ||
| button-group.tsx | ||
| button.tsx | ||
| card.tsx | ||
| chart.tsx | ||
| checkbox.tsx | ||
| collapsible.tsx | ||
| command.tsx | ||
| context-menu.tsx | ||
| create-button.tsx | ||
| data-table-pagination.tsx | ||
| data-table-view-options.tsx | ||
| data-table.tsx | ||
| dialog.tsx | ||
| drawer.tsx | ||
| dropdown-menu.tsx | ||
| glowing-effect.tsx | ||
| input-otp.tsx | ||
| input.tsx | ||
| kbd.tsx | ||
| label.tsx | ||
| popover.tsx | ||
| progress.tsx | ||
| radio-group.tsx | ||
| select.tsx | ||
| separator.tsx | ||
| sheet.tsx | ||
| sidebar.tsx | ||
| skeleton.tsx | ||
| spinner.tsx | ||
| stacked-area-chart.tsx | ||
| stacked-bar-chart.tsx | ||
| table.tsx | ||
| textarea.tsx | ||
| toggle-group.tsx | ||
| toggle.tsx | ||
| tooltip.tsx | ||