1023977 - m.wyborcza.pl - page extends to the right

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect)

Description

[Julian Sikorski]

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:29.0) Gecko/20100101 Firefox/29.0 (Beta/Release)
Build ID: 20140514131124

Steps to reproduce:

1. Go to m.wyborcza.pl
2. Scroll right in a place other than either of the news carrousels


Actual results:

Entire page moves left, leaving white canvas


Expected results:

White canvas is as wide as it needs to be without an extra white column

Comment 1

[Aaron Train [:aaronmt]]

This reminds of the same issue on Planet Mozilla in which the page extends to the right (bug 729054).

I was able to reproduce this on desktop as well, the page is reporting a content size of 405x7371 on my display when loading the site in a small window.

This is likely a site issue but would like to verify. Kats?

Comment 2

[Kartikaya Gupta (email:[e-mail])]

The document.documentElement.scrollWidth on this page never goes below 960. If the screen width is less than 960 then that makes the page scrollable. I don't know why the scrollWidth doesn't go below 960; there doesn't appear to be anything obvious in the HTML or CSS that makes that the case.

Comment 3

[Kartikaya Gupta (email:[e-mail])]

Oops, my mistake. It's the #pianoMediaBarContent element that's doing it.

Comment 4

[Karl Dubost💡 :karlcow]

Indeed.

#pianoMediaBarContent {
    width: 960px;
    margin: 0px auto;
}

Removing "width: 960px" doesn't break the content and solves the issue.

Though an interesting thing there is no Web compatibility issue, on iOS Safari, we get the exact same markup, but no issue with the right hand side So there is definitely a difference in between the two rendering engines in processing the width here.

Maybe a reduced test case could help to figure this out.

In the meantime we could ask them to remove the 960px as it doesn't create any issues on Safari too.