Issue with "Key Values": table of contents overlaps with page content
See original GitHub issueMDN URL: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
What information was incorrect, unhelpful, or incomplete?
Information itself was OK. The page layout is just completely broken. There’s a lot of empty space on the left, whereas the page requires sideways scrolling to see the full tables, and the tables overlap with the table of contents. If it helps, I viewed it on a screen where the CSS pixel size of the window was 1368x800, and the problem seems to present itself when the screen CSS width is above 1200px.
Screen recordings of the isssue:
Specific section or headline?
Every section.
What did you expect to see?
A correctly formatted page
Did you test this? If so, how?
MDN Content page report details
- Folder:
en-us/web/api/keyboardevent/key/key_values
- MDN URL: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
- GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/api/keyboardevent/key/key_values/index.md
- Last commit: https://github.com/mdn/content/commit/88b57678d8c4cf07f02a2853788027dff0b2f18e
- Document last modified: 2022-02-15T08:06:18.000Z
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (5 by maintainers)
Top Results From Across the Web
Table of contents header overlapping page number
Hi, I have a problem with long headings overlapping the page number in a table of contents. It doesn't look nice.
Read more >How to Fix Web Pages That Have Overlapping Boxes
1. Add a margin if the boxes do not currently have margins and overlap by only a small amount. · 2. Search your...
Read more >Overlapping Entries on Contents Page - LaTeX Stack Exchange
I have been trying to get the solution by Jean Mentz to work, it's nearly there but I can't seem to get the...
Read more >How to fix a footer overlapping content? - html - Stack Overflow
I believe you were looking for a sticky footer that stays while not being fixed to the bottom of the page (so no...
Read more >Why does my header overlap with my content?
I am using page events to create a header that consists of a table. This table is added to each page in my...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
The sidebar is also missing on the KeyboardEvent: code values article:
Probably the reason for this is that the these two articles are “just” lists related to the
KeyboardEvent
, but they don’t directly document a part of the API (and are therefore not linked in KeyboardEvent sidebar). 🤔Anyways, I created https://github.com/mdn/content/issues/13761 to track this, because adding a sidebar there doesn’t fix the reported layout problem.
Yes, it is related but not the same issue I guess. But it is definitely the same macro that generates the sidebar - the macro call seems to be missing on this page.