[Hybrid] Template body exceeds intended template width in mobile Gmail

[nfakop]

Describe the bug
This is similar with 151, but affects hybrid template and has nothing to do with 2 columns (i tested it without columns and the bug persists)

To Reproduce

1. Which template? Hybrid
2. Which email clients and/or devices are affected? Android gmail app

Screenshots

Investigation
I removed u ~ div .email-container css styling and fixed it. See screenshots below. It is interesting that the bug does not show up, if the email is part of a conversation. Probably u ~ div .email-container selector does not target at all.

Screenshots (removed u ~ div .email-container)

[TedGoas]

@nfakop Thanks for reporting and suggesting a fix, I'll dig into it!

[TedGoas]

@nfakop Using Email on Acid to test yielded some interesting results.

First I tested the original code in this repo and could not reproduce the issue you linked above.

Next I removed the CSS you suggested and refreshed and saw no change in Gmail on android. On one hand, that code was for Gmail on iOS, so it makes sense that it wouldn't impact Android. On the other hand, Gmail has updated many times since that CSS was written so maybe it's obsolete?

Out of curiosity, did you test your email in iOS Gmail after removing this CSS? I'll try and track down a copy of Gmail on iOS to test.

[glucka]

@TedGoas I can confirm this bug and the fix working fine. (Android 15)