Bug Report: “Filter Headings” Sidebar in README View Truncates Content and Lacks Scroll Functionality

[Rierra]

Select Topic Area

Question

Feature Area

Issues

Body

Bug Report: “Filter Headings” Sidebar in README View Truncates Content and Lacks Scroll Functionality
Location:

This issue occurs in the “Filter Headings” sidebar when viewing large Markdown files (e.g., README.md) on GitHub.

Steps to Reproduce:

1.Open a repository with a lengthy README file that contains numerous headings. A clear example is Coding Interview University.

2.Click the Table of Contents icon in the upper-right corner of the README viewer.

3.Observe the “Filter Headings” sidebar that appears.

4.Attempt to scroll through the list of headings, or type into the filter input.

Actual Behavior:

• The sidebar displays only a portion of the document's headings.

• The bottom portion of the list is cut off with no visible scrollbar.

• When using the filter input, matching headings may exist but are not brought into view if they fall outside the visible area.

• The final heading shown in the list is partially clipped, indicating overflow issues.

Expected Behavior:

• The sidebar should present a complete, scrollable list of headings from the document.

• When using the filter input, matching results should be fully visible and navigable.

• The component should support vertical scrolling to accommodate long lists.

Suggested Improvement:

Consider updating the CSS for the sidebar to allow scrolling

Screenshot:

Guidelines

• I have read the above statement and can confirm my post is relevant to the GitHub feature areas Issues and/or Projects.

[github-actions[bot]]

🕒 Discussion Activity Reminder 🕒

This Discussion has been labeled as dormant by an automated system for having no activity in the last 60 days. Please consider one the following actions:

1️⃣ Close as Out of Date: If the topic is no longer relevant, close the Discussion as out of date at the bottom of the page.

2️⃣ Provide More Information: Share additional details or context — or let the community know if you've found a solution on your own.

3️⃣ Mark a Reply as Answer: If your question has been answered by a reply, mark the most helpful reply as the solution.

Note: This dormant notification will only apply to Discussions with the Question label. To learn more, see our recent announcement.

Thank you for helping bring this Discussion to a resolution! 💬