Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Footer box is merged with the Specifications table #10886

Open
3 tasks done
dipikabh opened this issue Apr 9, 2024 · 1 comment
Open
3 tasks done

Footer box is merged with the Specifications table #10886

dipikabh opened this issue Apr 9, 2024 · 1 comment
Assignees
Labels
🐛 bug Something isn't working, or isn't working as expected effort: small This task is a small effort. p1 We will address this soon and will provide capacity from our team for it in the next few releases.

Comments

@dipikabh
Copy link
Contributor

dipikabh commented Apr 9, 2024

Summary

There is no space between the Specifications table and the "Help improve MDN" footer box.

Bottom padding seems to be missing in the <article> when <h2 id="specifications"><a href="#specifications">Specifications</a></h2> is at the end of <article>.
As a result, there is no gap between the "Specifications" table and the footer box.

On an unrelated note, the "specifications" <h2> and the following <table> are not inside a <section> on any page.

URL

Reproduction steps

Navigate to any page where "Specifications" is the last section on the page

Expected behavior

Space between the "Specifications" or the last section and the footer box like in https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit#see_also

Actual behavior

No space between "Specifications" section and the footer box

Device

Desktop

Browser

Firefox

Browser version

Stable

Operating system

Mac OS

Screenshot

specifications and footer box

Anything else?

No response

Validations

@caugner caugner added the needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened. label Apr 9, 2024
@fiji-flo fiji-flo added 🐛 bug Something isn't working, or isn't working as expected p1 We will address this soon and will provide capacity from our team for it in the next few releases. effort: small This task is a small effort. and removed needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened. labels Apr 22, 2024
@mirunacurtean
Copy link

mirunacurtean commented May 10, 2024

@dipikabh @LeoMcA There are other examples of articles where there could be more padding between the main content and the footer.

  1. Article pages where the footer follow directly after the content with little padding.
    https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML#assessments

image

  1. Article where thee Next/ Previous buttons are right above the footer.
    https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#summary
    https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started#see_also
    https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content#example

image

  1. Articles where the See also area ends with a paragraph
    https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding#see_also
    https://developer.mozilla.org/en-US/docs/Learn/MathML#see_also

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Something isn't working, or isn't working as expected effort: small This task is a small effort. p1 We will address this soon and will provide capacity from our team for it in the next few releases.
Projects
None yet
Development

No branches or pull requests

5 participants