Skip to content

fix: enable horizontal scroll for contribution chart on mobile#306

Open
AbhiVarde wants to merge 3 commits intobetter-auth:mainfrom
AbhiVarde:fix/contribution-chart-mobile-scroll
Open

fix: enable horizontal scroll for contribution chart on mobile#306
AbhiVarde wants to merge 3 commits intobetter-auth:mainfrom
AbhiVarde:fix/contribution-chart-mobile-scroll

Conversation

@AbhiVarde
Copy link
Contributor

Problem

On mobile devices, the contribution chart was not horizontally scrollable,
causing months beyond May/June to be cut off and inaccessible.

Root Cause

Two issues were blocking the scroll:

  • overflow-hidden on the grid column inside contribution-chart.tsx was
    clipping the scroll container, preventing it from calculating its true width
  • The chart wrapper card in user-profile-content.tsx had no overflow
    handling, allowing content to bleed outside the rounded border

Solution

  • contribution-chart.tsx: Changed overflow-hiddenmin-w-0 on the
    grid column so the scroll container can expand to its natural width
  • user-profile-content.tsx: Added overflow-hidden to the chart wrapper
    card to cleanly clip content within the rounded border

Files Changed

  • apps/web/src/components/dashboard/contribution-chart.tsx
  • apps/web/src/components/users/user-profile-content.tsx

Screenshots

Before After

@vercel
Copy link

vercel bot commented Mar 8, 2026

@AbhiVarde is attempting to deploy a commit to the better-auth Team on Vercel.

A member of the Team first needs to authorize it.

@AbhiVarde AbhiVarde force-pushed the fix/contribution-chart-mobile-scroll branch from 27c934c to ce41363 Compare March 12, 2026 05:37
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