webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
736 stars 63 forks source link

sp.nicovideo.jp - The page footer is not displayed #44780

Closed webcompat-bot closed 4 years ago

webcompat-bot commented 4 years ago

URL: https://sp.nicovideo.jp/

Browser / Version: Firefox Mobile 72.0 Operating System: Android Tested Another Browser: Unknown

Problem type: Design is broken Description: Can't reach the bottom of the page. The white space stretches infinitely. Steps to Reproduce:

Browser Configuration
  • None

From webcompat.com with ❤️

cipriansv commented 4 years ago

Thanks for the report. I was indeed able to reproduce the issue. The page footer is not displayed.

Tested with: Browser / Version: Firefox Preview Nightly 191119 (🦎: 72.0a1-20191118093852), Chrome Mobile 78.0.3904.96 Operating System: Huawei P10 (Android 9.0) - 1080 x 1920 pixels (~432 ppi pixel density)

This is the web page displayed in Firefox Preview Nightly:

image

And this is the web page displayed in Chrome:

image

ksy36 commented 4 years ago

This seems to be related to https://bugzilla.mozilla.org/show_bug.cgi?id=1329203 , however the infinite scrolling seems a bit weird.

Here html and body has overflow-x: hidden

html, body {
    overflow-x: hidden;
}

Where body is a direct parent of the affected element <div class="siteWide-Footer_Container"></div>

body.isAndroid .siteWide-Footer_Container {
    position: sticky;
    top: 100%;
}

Removing overflow-x from either html or body fixes the issue. A reduced test case: https://codepen.io/ksy36/pen/VwwRPmP

Will close this as a duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1598112

lock[bot] commented 4 years ago

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.