Skip to content

Fix scrollbar under the tracks list header on macOS#930

Open
martpie wants to merge 1 commit intomasterfrom
fix-scrollbar-macos
Open

Fix scrollbar under the tracks list header on macOS#930
martpie wants to merge 1 commit intomasterfrom
fix-scrollbar-macos

Conversation

@martpie
Copy link
Owner

@martpie martpie commented Feb 26, 2026

No description provided.

Copilot AI review requested due to automatic review settings February 26, 2026 14:28
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR fixes a scrollbar positioning issue on macOS where the scrollbar was appearing under the tracks list header. The fix restructures the TrackListDefault component to move the header outside the scrollable area using a flexbox layout.

Changes:

  • Added optional className prop support to the Scrollable component for custom styling
  • Restructured TrackListDefault to place the header outside the scrollable container
  • Implemented flexbox layout with proper sizing constraints to ensure the scroll area is properly bounded

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated no comments.

File Description
src/elements/Scrollable.tsx Added optional className prop to allow custom styling of the scrollable container
src/components/TrackListDefault.tsx Moved TrackListHeader outside the Scrollable component and wrapped both in a flex container
src/components/TrackListDefault.module.css Added flex layout styles to properly constrain the scrollable area below the header

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

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