Skip to content

fix(heatmap): prevent tooltip overflow on rightmost cells#1345

Merged
Priyanshu-byte-coder merged 1 commit into
Priyanshu-byte-coder:mainfrom
mallya-m:fix/heatmap-tooltip-overflow-1046
May 28, 2026
Merged

fix(heatmap): prevent tooltip overflow on rightmost cells#1345
Priyanshu-byte-coder merged 1 commit into
Priyanshu-byte-coder:mainfrom
mallya-m:fix/heatmap-tooltip-overflow-1046

Conversation

@mallya-m
Copy link
Copy Markdown
Contributor

@mallya-m mallya-m commented May 27, 2026

What does this PR do?

Fixes tooltip overflow on the rightmost cells of the contribution heatmap. Tooltip now flips to align right when near the viewport edge instead of overflowing.

Related issue

Closes #1046

Changes made

  • Added isNearRightEdge check: true when weekIndex >= weekCount - 3
  • Near right edge: tooltip uses right-0 translate-x-0 alignment
  • Center cells: unchanged left-1/2 -translate-x-1/2 alignment
  • Existing top/bottom flip logic unchanged
  • No new dependencies

How to test

  1. Go to dashboard → Contribution Heatmap
  2. Hover over cells in the last 2-3 columns (far right)
  3. Tooltip appears to the left, fully visible within viewport
  4. Hover middle cells — tooltip still centers normally
image

@vercel
Copy link
Copy Markdown

vercel Bot commented May 27, 2026

@mallya-m is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added gssoc26 GSSoC 2026 contribution type:bug GSSoC type bonus: bug fix labels May 27, 2026
@github-actions
Copy link
Copy Markdown

GSSoC Label Checklist 🏷️

@Priyanshu-byte-coder — please apply the appropriate labels before merging:

Difficulty (pick one):

  • level:beginner — 20 pts
  • level:intermediate — 35 pts
  • level:advanced — 55 pts
  • level:critical — 80 pts

Quality (optional):

  • quality:clean — ×1.2 multiplier
  • quality:exceptional — ×1.5 multiplier

Validation (required to score):

  • gssoc:approved — counts for points
  • gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

@mallya-m
Copy link
Copy Markdown
Contributor Author

@Priyanshu-byte-coder could you please add gssoc:approved, level:intermediate, and type:bug labels? Thank you!

@Priyanshu-byte-coder Priyanshu-byte-coder added gssoc:approved GSSoC: PR approved for scoring level:beginner GSSoC: Beginner difficulty (20 pts) labels May 28, 2026
@Priyanshu-byte-coder Priyanshu-byte-coder merged commit 45e58b3 into Priyanshu-byte-coder:main May 28, 2026
11 checks passed
@github-actions
Copy link
Copy Markdown

🎉 Merged! Thanks for contributing to DevTrack.

If the project has been useful to you, a ⭐ star on the repo is the easiest way to support it — it helps DevTrack get discovered by more developers.

Keep an eye on open issues for your next contribution!

@Priyanshu-byte-coder Priyanshu-byte-coder added the level:intermediate GSSoC: Intermediate difficulty (35 pts) label May 28, 2026
@mallya-m mallya-m deleted the fix/heatmap-tooltip-overflow-1046 branch May 28, 2026 11:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved GSSoC: PR approved for scoring gssoc26 GSSoC 2026 contribution level:beginner GSSoC: Beginner difficulty (20 pts) level:intermediate GSSoC: Intermediate difficulty (35 pts) type:bug GSSoC type bonus: bug fix

Projects

None yet

Development

Successfully merging this pull request may close these issues.

fix: heatmap tooltip position overflows viewport on rightmost cells

2 participants