Skip to content

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

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

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

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

Copy link
Copy Markdown
Member

duplicate #8324

@kyroskohkyroskoh changed the title fix(prevent activity heatmap tooltip clipping at edges) (@kyroskoh)fix: prevent activity heatmap tooltip clipping at edges (@kyroskoh)Aug 12, 2026
@kyroskohkyroskoh changed the title fix: prevent activity heatmap tooltip clipping at edges (@kyroskoh)fix(prevent activity heatmap tooltip clipping at edges) (@kyroskoh)Aug 12, 2026
@kyroskohkyroskoh changed the title fix(prevent activity heatmap tooltip clipping at edges) (@kyroskoh)fix(heatmap): prevent activity tooltip clipping at edges (@kyroskoh)Aug 12, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontendUser 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

@kyroskoh@fehmer@monkeytypegeorge