1815657 - Wrong ratio on layout viewport on Android

Status: NEW

(Core :: Layout: Flexbox, defect)

Description

[Pierre Ossman]

Attachment: Test case

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/109.0

Steps to reproduce:

1. Create a page that is wider than the device screen
2. Style the page so that there is a banner at the bottom of the page

See attached test case.

Actual results:

Banner ends up in the middle of the page.

Expected results:

Banner should be placed firmly at the bottom of the page.

Comment 1

[Pierre Ossman]

The problem seems to be the "desktop site" compatibility mode and that it doesn't preserve aspect ratio when it computes its large layout viewport.

Issue does not happen with Safari, but does happen with Chrome:

https://bugs.chromium.org/p/chromium/issues/detail?id=1413997

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:cpeterson, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 3

[Jeff Boek [:boek]]

Is this still reproducible on 120?

Comment 4

[Jonathan Almeida [:jonalmeida]]

This is still reproducible for me on 120 with a Pixel 6a.

Sending this to the Layout component because, as the reporter mentioned as well, this is happening on Chrome Android as well (version 121 in my testing).

Comment 5

[Jonathan Almeida [:jonalmeida]]

Clearing severity to make the bug show up in that component's triage.

Comment 6

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:boris, could you have a look please?

For more information, please visit BugBot documentation.

Comment 7

[Boris Chiou [:boris]]

I suspect this may be related to flex layout on Android (per the test case), so move to flexbox component, and mark S3.