Skip to content

fix(heatmap): prevent activity tooltip clipping at edges (@kyroskoh) - #8337

Closed
kyroskoh wants to merge 1 commit into
monkeytypegame:masterfrom
kyroskoh:fix/activity-heatmap-tooltip-clip
Closed

fix(heatmap): prevent activity tooltip clipping at edges (@kyroskoh)#8337
kyroskoh wants to merge 1 commit into
monkeytypegame:masterfrom
kyroskoh:fix/activity-heatmap-tooltip-clip

Conversation

@kyroskoh

Copy link
Copy Markdown

Summary

  • Reposition activity heatmap balloons near calendar edges (up-left / up-right) so tooltips stay in viewport
  • Fixes clipping of test-count tooltips on rightmost dates (e.g. today)
  • Adds unit tests for balloon position selection

Fixes #8336

Test plan

  • Open account/profile page with yearly activity heatmap (last 12 months)
  • Hover rightmost cells (including today) — full tooltip visible, not clipped
  • Hover leftmost cells — tooltip still fully readable
  • Hover middle cells — centered tooltip still looks correct
  • pnpm vitest run frontend/__tests__/elements/test-activity.spec.ts

@monkeytypegeorge monkeytypegeorge added the frontend User interface or web stuff label Aug 12, 2026
@kyroskoh kyroskoh changed the title fix: prevent activity heatmap tooltip clipping at edges fix(prevent activity heatmap tooltip clipping at edges) Aug 12, 2026
@kyroskoh kyroskoh changed the title fix(prevent activity heatmap tooltip clipping at edges) fix(prevent activity heatmap tooltip clipping at edges) (@kyroskoh) Aug 12, 2026
@fehmer

fehmer commented Aug 12, 2026

Copy link
Copy Markdown
Member

duplicate #8324

@kyroskoh kyroskoh changed the title fix(prevent activity heatmap tooltip clipping at edges) (@kyroskoh) fix: prevent activity heatmap tooltip clipping at edges (@kyroskoh) Aug 12, 2026
@kyroskoh kyroskoh changed the title fix: prevent activity heatmap tooltip clipping at edges (@kyroskoh) fix(prevent activity heatmap tooltip clipping at edges) (@kyroskoh) Aug 12, 2026
@kyroskoh kyroskoh changed the title fix(prevent activity heatmap tooltip clipping at edges) (@kyroskoh) fix(heatmap): prevent activity tooltip clipping at edges (@kyroskoh) Aug 12, 2026
@kyroskoh

Copy link
Copy Markdown
Author

Closing due to duplicate

@kyroskoh kyroskoh closed this Aug 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend User interface or web stuff

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI] Heatmap tooltip is clipped when hovering dates near the right edge

3 participants