1889012 - Some page elements on Rotten Tomatoes are laid out into a narrower width than they should be

Status: NEW

(Core :: Panning and Zooming, defect, P3)

Description

[Botond Ballo [:botond]]

Found while playing around with the STR of bug 1875589 on an Android tablet (Samsung Galaxy Tab A9+).

Steps to reproduce

1. Orient the tablet in landscape mode
2. Load https://www.rottentomatoes.com/
3. Request desktop site
4. If the page is not already at the minimum zoom level (happens intermittently, bug 1875566), zoom out to the minimum level

Actual results

Most of the page contents (but not the header) are laid out into a width which is narrower than the screen width.

Note, this is not a case of the rendering being visually clipped. The positioning of e.g. the "next video" arrow makes it clear that the element is actually laid out into this narrower width.

Expected results

The contents of the page are laid out into the same width as the page header.

The expected results are observed on Chrome.

Comment 1

[Botond Ballo [:botond]]

Attachment: Rendering with Firefox

Comment 2

[Botond Ballo [:botond]]

Attachment: Rendering with Chrome

Comment 3

[Botond Ballo [:botond]]

Marking as S3 as the functionality of the page does not appear to be impaired by this in any way, it just looks a bit wrong.

Comment 4

[Botond Ballo [:botond]]

Interestingly, in portrait orientation, Chrome also exhibits the weird layout.

Comment 5

[Hiroyuki Ikezoe (:hiro)]

I am not on a tablet so that it may be different from what it looks like on tablets, the header element ".header-wrap" size is 1080px on my Linux box, so it's wider than 980px, so that it's overflowed.