-
-
Notifications
You must be signed in to change notification settings - Fork 9.9k
Large table of contents gets cut off #1220
Copy link
Copy link
Closed
Labels
bugAn error in the Docusaurus core causing instability or issues with its executionAn error in the Docusaurus core causing instability or issues with its executiongood first issueIf you are just getting started with Docusaurus, this issue should be a good place to begin.If you are just getting started with Docusaurus, this issue should be a good place to begin.help wantedAsking for outside help and/or contributions to this particular issue or PR.Asking for outside help and/or contributions to this particular issue or PR.status: claimedIssue has been claimed by a contributor who plans to work on it.Issue has been claimed by a contributor who plans to work on it.
Description
Metadata
Metadata
Assignees
Labels
bugAn error in the Docusaurus core causing instability or issues with its executionAn error in the Docusaurus core causing instability or issues with its executiongood first issueIf you are just getting started with Docusaurus, this issue should be a good place to begin.If you are just getting started with Docusaurus, this issue should be a good place to begin.help wantedAsking for outside help and/or contributions to this particular issue or PR.Asking for outside help and/or contributions to this particular issue or PR.status: claimedIssue has been claimed by a contributor who plans to work on it.Issue has been claimed by a contributor who plans to work on it.
Type
Fields
Give feedbackNo fields configured for issues without a type.
🐛 Bug Report
When you have a large table of contents with many items, some of them get cut off at the bottom of the page. A user visiting the site might not know there are additional items in the table of contents.
Have you read the Contributing Guidelines on issues?
Sort of.
To Reproduce
Expected behavior
It should automatically show a scrollbar in the table of contents if there are too many items.
Actual Behavior
The table of content items gets cut off. You are able to scroll it, if you place your mouse over the table of contents and use the mouse scroll wheel to scroll down. However, that is not transparent to the user that they can do that or that there are more items in the table of contents.
Reproducible Demo
I have attached doc2.md in doc2.zip. On the right of the table of contents you can see Test 4 items are missing.
Possible Fix
I think max-height and overflow-y should added to toc-headings.