Repository navigation
[Bug] <details> content is not padded beneath its <summary>. #1811
Description
Errata (Examples)
This is paragraph 1. This is paragraph 1.
This is paragraph 2. This is paragraph 2.
<details open> <!-- the padding issue solely appears when it's open, but irrespective of whether this is determined programmatically or not -->
This is paragraph 3. This is paragraph 3.
This is paragraph 4. This is paragraph 4.
</details>…renders as:
-
Browser
This is paragraph 1. This is paragraph 1.
This is paragraph 2. This is paragraph 2.
Details
This is paragraph 3. This is paragraph 3.
This is paragraph 4. This is paragraph 4.
-
Screenshot
Evidently, the padding is inconsistent.
Affected
As bypassed, as #issuecomment-3193630451 explains:
Activity
[-]`<details>` tag content is not padded correctly.[/-][+]`<details>` content is not padded beneath its `<summary>`.[/+]github-actions commentedon Aug 12, 2024
Stale issue message
beedell-roke commentedon Aug 12, 2024
github-actions commentedon Oct 13, 2024
Stale issue message
beedell-roke commentedon Oct 13, 2024
github-actions commentedon Feb 15, 2025
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
beedell-roke commentedon Feb 15, 2025
github-actions commentedon Apr 17, 2025
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
1 remaining item
[-]`<details>` content is not padded beneath its `<summary>`.[/-][+][Bug] `<details>` content is not padded beneath its `<summary>`.[/+]github-actions commentedon Aug 16, 2025
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
beedell-roke commentedon Aug 16, 2025
beedell-roke commentedon Aug 16, 2025
I've since ascertained that
<p></p><details><p></p>and<p></p></details><p></p>remediate this.github-actions commentedon Oct 16, 2025
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
beedell-roke commentedon Oct 16, 2025
beedell-roke commentedon Apr 20, 2026
zkoppert commentedon Apr 24, 2026
Thanks for reporting this.
After investigating, this issue is about padding on
<details>elements, which is handled by GitHub.com's frontend CSS — not by this repository.This repo (
github/markup) only handles step 1 of the rendering pipeline: converting markup formats (RST, AsciiDoc, MediaWiki, etc.) to raw HTML. Check out this part of the README for a fuller picture:CSS styling, padding, margins, and image sizing are all applied downstream by GitHub.com's frontend. This repo has no control over those.
For CSS/styling feedback, GitHub's feedback discussions would be the right place to raise this.
Closing as out of scope for this repository.
beedell-roke commentedon Apr 24, 2026
I have re-submitted this at
orgs/community/discussions/193801. @zkoppert, please re-close as invalid.