1541418 - The "about:compat" page UI is different in portrait and landscape mode

Status: VERIFIED FIXED

(Web Compatibility :: Tooling & Investigations, defect, P3)

Description

[Eliza Balazs]

Environment:

Devices:
OnePlus 5T(Android 9);
Samsung Galaxy S8 (Android 9);

Build: Nightly 68.0a1 (2019-04-02);

Steps to reproduce:

1. Go to "about:compat" page;
2. Switch the device in landscape mode;
3. Observe the behaviour.

Expected result:
The page has the same UI in portrait and landscape mode.

Actual result:
The "about:compat" page in landscape mode has a different UI (like on tablets).

Notes:

• The "about:config" page has the same UI in portrait and landscape mode.
• Video: https://drive.google.com/file/d/1jDHkmB8vHyrTXcw3Ndrm6WPp5SO2erZp/view

Comment 1

[Mike Taylor [:miketaylr]]

I'm not sure we should consider this a blocking bug, but I'd be interested to see what Product thinks. Adam?

Comment 2

[Adam Stevenson [:adamopenweb]]

Thanks for reporting Eliza.

I agree this should not be a blocking bug as it's still possible to use the page and the target is developers / advanced users.

With that said if there's an easy way for us to fix this by changing max-device-width:480px to a higher value (or something) without breaking anything else, then let's go for that. Again shouldn't block the release though.

Comment 3

[Eliza Balazs]

Hi!

I added the bug in the "Blocks:" section because this is a way to keep track of the bugs related to the "about:compat" page.
This will not block the release sign-off.

Thank you!

Comment 4

[Mike Taylor [:miketaylr]]

Tom, if you can try to get a fix in this week, it seems like a nice one to get done.

Comment 5

[Thomas Wisniewski [:twisniewski]]

Attachment: Bug 1541418 - use pointer:fine vs coarse/none to decide whether to show the mobile or desktop UX for about:copmat, rather than min-width media queries; r?DenSchub

use pointer:fine vs coarse/none to decide whether to show the mobile or desktop UX for about:copmat, rather than min-width media queries

Comment 6

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/f0b845496dad
use pointer:fine vs coarse/none to decide whether to show the mobile or desktop UX for about:copmat, rather than min-width media queries; r=denschub

Comment 7

[Andreea Pavel [:apavel]]

https://hg.mozilla.org/mozilla-central/rev/f0b845496dad

Comment 8

[Eliza Balazs]

Hi!

I tested this on the latest version of Nightly 68.0a1 (2019-04-20) with OnePlus 5T(Android 9), Samsung Galaxy S8 (Android 9) and I wasn't able to reproduce the issue.

Due to my findings, I'll mark this issue as verified on Firefox 68.

Thank you.