Skip to content

fix: issues filter dropdown clipping and responsive toolbar layout on mobile#339

Merged
Bekacru merged 1 commit intobetter-auth:mainfrom
AbhiVarde:fix/issues-filter-dropdown-and-toolbar
Apr 5, 2026
Merged

fix: issues filter dropdown clipping and responsive toolbar layout on mobile#339
Bekacru merged 1 commit intobetter-auth:mainfrom
AbhiVarde:fix/issues-filter-dropdown-and-toolbar

Conversation

@AbhiVarde
Copy link
Copy Markdown
Contributor

Problem

On mobile viewports, the issues page toolbar had two layout bugs:

  • Filter dropdown was clipped/cut off by its parent scroll container
  • All toolbar controls (search, sort, filters, buttons) were crammed
    into a single row, causing search to shrink and buttons to overflow

Solution

Dropdown fix:

  • Switched filter dropdown to position: fixed using filtersTriggerRef
    to calculate exact viewport coordinates
  • Dropdown now anchors to the right edge of the trigger button and never
    clips or overflows off screen

Toolbar layout fix:

  • Row 1 (mobile): Search input takes full width
  • Row 2 (mobile): Sort + Filters buttons each take 50% width
  • Row 3 (mobile): Run with Ghost + New Issue in a 2-column grid
  • Desktop layout is completely unchanged (md:flex, md:w-auto)

Files Changed

  • apps/web/src/components/issue/issues-list.tsx

Screenshots

Type Before After
Toolbar Screenshot 2026-04-01 184536 Screenshot 2026-04-01 184906
Dropdown Screenshot 2026-04-01 184927 Screenshot 2026-04-01 184945

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 1, 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/issues-filter-dropdown-and-toolbar branch from 9ef8ad2 to f246e03 Compare April 1, 2026 13:50
@Bekacru Bekacru merged commit 0507974 into better-auth:main Apr 5, 2026
4 of 5 checks passed
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.

2 participants