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

Large blank space at bottom of page on certain screen widths #11501

Closed
3 tasks done
Elon-fast opened this issue Jul 19, 2024 · 4 comments
Closed
3 tasks done

Large blank space at bottom of page on certain screen widths #11501

Elon-fast opened this issue Jul 19, 2024 · 4 comments
Labels
accepting PR We invite you to open a PR to resolve this issue. effort: small This task is a small effort. layout Issues related to alignment, positioning and spacing/margin/padding p2 We want to address this but may have other higher priority items.

Comments

@Elon-fast
Copy link

Elon-fast commented Jul 19, 2024

Summary

After shrinking the window, a large amount of blank space appeared at the bottom and the height was abnormal, but when the console was called out, the height returned to normal

URL

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

Reproduction steps

1 .Open the corresponding page
2. Reduce the window width to <1200px but >768px
3. Just swipe at the bottom of the article

Expected behavior

There is no significant amount of blank space at the bottom of the article

Actual behavior

significant amount of blank space at the bottom of the article

Device

Desktop

Browser

Edge, Stable, Windows
Chromium, Stable, Linux
Epiphany (WebKit), Stable, Linux

Screenshot

2024-07-19 105707 2024-07-19 105757

Anything else?

no

Validations

@github-actions github-actions bot added the needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened. label Jul 19, 2024
@LeoMcA LeoMcA changed the title The issue of abnormal article height after shrinking the window in the "MDN Web Document Glossary: Definition of Web related Terms" directory Large blank space at bottom of page on certain screen widths Jul 23, 2024
@LeoMcA
Copy link
Member

LeoMcA commented Jul 23, 2024

Seems to be in an issue in Blink + WebKit on our "hide the right sidebar" media query: if I had to guess, the left sidebar is overflowing in a weird way causing the whole page to get longer - I think we've seen this sort of behaviour before in Blink + WebKit - I don't recall the fix.

@LeoMcA LeoMcA added p2 We want to address this but may have other higher priority items. accepting PR We invite you to open a PR to resolve this issue. layout Issues related to alignment, positioning and spacing/margin/padding 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 Jul 23, 2024
@caugner
Copy link
Contributor

caugner commented Aug 9, 2024

I believe this is what #10560 is about.

@hanyujie2002
Copy link
Contributor

#11621 is also about this

@caugner
Copy link
Contributor

caugner commented Sep 6, 2024

Fixed via #11621.

@caugner caugner closed this as completed Sep 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accepting PR We invite you to open a PR to resolve this issue. effort: small This task is a small effort. layout Issues related to alignment, positioning and spacing/margin/padding p2 We want to address this but may have other higher priority items.
Projects
None yet
Development

No branches or pull requests

4 participants