1561371 - Gmail on Android overflow intervention

Status: RESOLVED FIXED

(Web Compatibility :: Interventions, defect)

Description

[Adam Stevenson [:adamopenweb]]

When viewing emails on Gmail in Firefox Android it's not possible to scroll horizontally to view overflowing parts.

Suggested work around (should be verified):

.Sg {
    overflow-y: auto;
}

As per https://github.com/webcompat/web-bugs/issues/2983 this issue has been around since 2016.

Google has the bug on file but we have been waiting for some time to hear back. Maybe we should simply ship this intervention?

Comment 1

[Mike Taylor [:miketaylr]]

.Sg seems super prone to break, but maybe it's stable?

Comment 2

[Thomas Wisniewski [:twisniewski]]

I just tested this on my phone, and it looks like the .Sg class isn't what's shown to me for all emails. There are both .Sg, and .Zg div elements right next to each other in the markup, and the .Zg is what gets the details in my case. I think we should be able to get away with this (which covers both, and anything else that ends up in their container):

body > #views> div {
  overflow: auto;
}

Comment 3

[Dennis Schubert [:denschub]]

Attachment: GitHub Pull Request

Linking Tom's PR for reference.