Page keeps Scrolling Down after footer between specific widths

[fasihullahsaleem]

Summary

Issue:

Hi, Recently I have been learning JavaScript, and I have been using MDN Web Docs for syntax. I opened Visual Studio Code side by side with the Edge browser. When I opened the page for "Abstraction" in the glossary, the page allowed me to scroll even after reaching the footer. I then inspected the page, did some experiments, and came to the following conclusions:

Specific Widths:

The issue occurs between the widths from 769px to 1199px.

Affected Links:

The complete glossary section got affected by it.

Browser:

I have tested the page on Edge, Chrome and Firefox. In which Except the Firefox other two have this issue as Firefox is auto correcting it.

Issue Screenshots:

Edge:

Firefox:

Cause:

The side Flex is overflowing. Also, there is a nested unordered list present without the <li> tag or unexpected as you can see in the below:

URL

https://developer.mozilla.org/en-US/docs/Glossary
https://developer.mozilla.org/en-US/docs/Glossary/Abstraction#advantages_of_data_abstraction

Reproduction steps

1. Open the Glossary page link provided in the link.
2. Adject your screen between the width of 769px to 1199px.
3. Scroll the page

Expected behavior

The page shouldn't keep scrolling after footer.

Actual behavior

The page kept scrolling after the footer tag.

Device

Laptop

Browser

Edge

Browser version

Stable

Operating system

Windows

Screenshot

Anything else?

No response

Validations

• I have read the Community Participation Guidelines.
• I have verified that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.

[caugner]

Duplicate of #11501.