Some emails can not be displayed in full

[ultr41337h4xor]

• This is not a feature request (existing functionality does not work, not missing functionality).
  I will request features on forum or via support.
• I've searched and did not find a similar issue.

Bug in mobile app

Describe the bug
This bug has been present for a long time now in the Android version of the Tuta app. The problem is that some emails (I have only one example, can't remember if it's happened for any other emails) do not display properly. To be more specific - the email opens and the scaling looks good, but a large portion of the email is cut off at the bottom and trying to scroll past that cut-off point does not work. Even if you zoom in and try to scroll past (which sometimes did work in the past), you can't go past that cut-off point. This happens to me when receiving email from GOG.com, specifically the "Items on your wishlist are discounted!" type of email that they send. I am attaching a screenshot example below and am willing to forward a copy if you want. The email does display correctly on the Windows desktop version of the app (again, see attached screenshot).

To Reproduce
Steps to reproduce the behavior:

1. Receive the above described type of email.
2. Can't see the email in its entirety on the Android app, no matter what you try.

Expected behavior
Receive the email, am able to scroll through the email in its entirety.

Screenshots

Smartphone (please complete the following information):

• Device: Fairphone 5
• OS: CalyxOS
• Version: 5.14.2

Additional context
Other types of emails from GOG.com display properly.

[charlag]

Hey, could you please get the email source ("I" shortcut) and send it to us?

[ultr41337h4xor]

<table class="body" lang="x-class-body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; background: #e6e6e6; text-align: left; height: 100%; width: 100%; padding: 0; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; color: #222222;" width="100%" valign="top" align="left"> <tbody><tr style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td class="center" align="center" valign="top" style="word-break: break-word; font-size: 14px; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; text-align: center;"> <center style="width: 100%; min-width: 580px;"> <table class="container" lang="x-class-container" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto;" width="580" valign="top" align="inherit"> <tbody><tr class="header-top" style="padding: 0; vertical-align: top; text-align: left; height: 18px;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> <tr class="header" style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td class="header__logo" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <a href="http://www.gog.com?utm_source=newsletter&amp;utm_medium=email&amp;utm_content=game_subject&amp;utm_campaign=wishlist_email_alert" class="text-link" style="color: inherit; text-decoration: underline;"> <img src="https://images.gog-statics.com/d809789702687e3a280295507033231f8b6fcfdb96129039c010610976e808cc.png" alt="gog.com" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; float: left; clear: both; display: block; border: none; width: 48px; height: 46px;" width="48"> </a> </td> </tr> <tr class="header-bottom" style="padding: 0; vertical-align: top; text-align: left; height: 11px;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> </tbody></table> </center> </td> </tr> <tr style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td class="center" align="center" valign="top" style="word-break: break-word; font-size: 14px; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; text-align: center;"> <table class="container container--main" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; background: #fff; text-align: inherit; width: 580px; margin: 0 auto;" width="580" valign="top" align="inherit"> <tbody><tr style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td class="container__padding" lang="x-class-container__padding" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; width: 30px;" width="30" valign="top" align="left"></td> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <table style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <tbody><tr class="heart" style="padding: 0; vertical-align: top; text-align: center; color: #ecaf99;" valign="top" align="center"> <td class="center" style="word-break: break-word; font-size: 14px; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; text-align: center;" valign="top" align="center"> <table class="heart__table center" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; width: 100%; text-align: center;" width="100%" valign="top" align="center"> <tbody><tr class="heart__spacer-top" style="padding: 0; vertical-align: top; text-align: left; height: 45px;" valign="top" align="left"> <td colspan="3" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> <tr class="heart__in" style="padding: 0; vertical-align: top; text-align: left; width: 100%;" valign="top" align="left"> <td class="heart__left" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; width: 50%; height: 11px;" width="50%" valign="top" align="left"> <div class="line" style="width: 100%; height: 5px; border-bottom: 1px solid #ecaf99;"></div> </td> <td class="heart__middle center" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; font-size: 14px; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; width: 30px; height: 11px; text-align: center;" width="30" valign="top" align="center"> <img src="https://images.gog-statics.com/7643717ddbd6b6aca15143aa15199b505e4bafc2494cae996a96676c4e22624c.png" alt="❤" style="float: left; outline: none; -ms-interpolation-mode: bicubic; display: block; clear: both; text-decoration: none; max-width: none; width: 11px; margin: 0 10px; line-height: 10px; color: #ecaf99;" width="11"> </td> <td class="heart__right" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; width: 50%; height: 11px;" width="50%" valign="top" align="left"> <div class="line" style="width: 100%; height: 5px; border-bottom: 1px solid #ecaf99;"></div> </td> </tr> <tr class="heart__spacer-bottom" style="padding: 0; vertical-align: top; text-align: left; height: 35px;" valign="top" align="left"> <td colspan="3" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> </tbody></table> </td> </tr> <tr class="intro" style="padding: 0; vertical-align: top; text-align: left; color: #262626;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <h1 class="intro__name center" style="color: #222222; font-family: Lato, Arial, sans-serif; padding: 0; margin: 0; line-height: 1.3; word-break: normal; font-weight: 700; font-size: 24px; text-align: center;"> Hi REDACTED, </h1> <h2 class="intro__subtitle center" style="color: #222222; font-family: Lato, Arial, sans-serif; padding: 0; margin: 0; line-height: 1.3; word-break: normal; font-weight: 400; font-size: 24px; padding-top: 5px; text-align: center;"> An item on your wishlist is now discounted! </h2> <p class="intro__text center" style="margin: 0; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; padding: 0; line-height: 24px; font-size: 14px; margin-bottom: 0; padding-top: 20px; text-align: center;"> Some items you've added to your personal wishlist are currently discounted on <a href="http://www.gog.com?utm_source=newsletter&amp;utm_medium=email&amp;utm_content=game_subject&amp;utm_campaign=wishlist_email_alert" class="text-link" style="color: inherit; text-decoration: underline;">GOG.com</a> - you can find all the details below or <a class="text-link" href="https://www.gog.com/account/wishlist?utm_source=newsletter&amp;utm_medium=email&amp;utm_content=game_subject&amp;utm_campaign=wishlist_email_alert" style="color: inherit; text-decoration: underline;">directly on your wishlist</a>. </p> </td> </tr> </tbody></table> </td> <td class="container__padding" lang="x-class-container__padding" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; width: 30px;" width="30" valign="top" align="left"></td> </tr> <tr style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td class="container__padding" lang="x-class-container__padding" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; width: 30px;" width="30" valign="top" align="left"></td> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <table style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <tbody><tr style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <a class="product-link" href="http://www.gog.com/game/silent_hill_4_the_room?utm_source=newsletter&amp;utm_medium=email&amp;utm_content=game_subject&amp;utm_campaign=wishlist_email_alert" style="color: #2ba6cb; text-decoration: none;"> <table class="product" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <tbody><tr class="spacer-l" style="padding: 0; vertical-align: top; text-align: left; height: 35px;" valign="top" align="left"> <td colspan="2" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> <tr class="product__image" style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td colspan="2" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <img class="product__img" src="http://images-3.gog.com/90a13d2a30fdd3b3da2ccd06a592ba4eb6c25e8bf7d6121eb88b6b6460ae4058_email_520_2x.jpg" alt style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; float: left; clear: both; display: block; border: none; width: 100%;"> </td> </tr> <tr class="spacer-s" style="padding: 0; vertical-align: top; text-align: left; height: 15px;" valign="top" align="left"> <td colspan="2" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> <tr class="product__text" style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <div class="product__title" style="margin-top: -2px; margin-bottom: 2px; font-size: 16px; font-weight: 700; color: #262626; vertical-align: top; padding-right: 20px;"> SILENT HILL 4: THE ROOM </div> <div class="product__info" style="font-size: 10px; font-weight: 600; color: #7f7f7f; line-height: 1; vertical-align: bottom; padding-right: 20px;"> WINDOWS <span class="dot" style="padding: 0 4px;">•</span> ACTION <span class="dot" style="padding: 0 4px;">•</span> 2004 <div class="promo-ends" style="line-height: 1.4;"> PROMO ENDS ON JAN 16, 2025, 9:59 AM GMT+3 </div> </div> </td> <td class="product__discount-wrapper right hide-for-small" style="font-family: Lato, Arial, sans-serif; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; font-size: 14px; color: #222222; -ms-hyphens: none; font-weight: normal; margin: 0; line-height: 19px; text-align: right; height: 30px; width: 55px; white-space: nowrap;" width="55" valign="top" align="right"> <span class="product__discount" style="height: 30px; width: 55px; padding: 6px 7px; line-height: 30px; font-weight: 400; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #788795; margin: 0 3px;"> - 30 % </span> <span class="product__price" style="height: 30px; width: 55px; padding: 6px 7px; line-height: 30px; font-weight: 400; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #9fbf00; margin: 0 3px;"> € 6.99 </span> </td> </tr> <tr class="product__text hide-for-desktop" style="padding: 0; vertical-align: top; text-align: left; display: none; width: 0; mso-hide: all; overflow: hidden;" valign="top" align="left"> <td colspan="2" class="product__discount-wrapper product__discount-wrapper--small right" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; font-size: 14px; vertical-align: top; line-height: 19px; margin: 0; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; mso-hide: all; text-align: right; padding: 10px 0 0 0; height: 30px; width: 55px; white-space: nowrap;" width="55" valign="top" align="right"> <span class="product__discount product__discount--small" style="font-weight: 400; mso-hide: all; width: 55px; padding: 6px 7px; line-height: 30px; height: 30px; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #788795; margin: 0 3px 0 0;"> - 30 % </span> <span class="product__price" style="font-weight: 400; mso-hide: all; width: 55px; padding: 6px 7px; line-height: 30px; height: 30px; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #9fbf00; margin: 0 3px;"> € 6.99 </span> </td> </tr> </tbody></table> </a> </td> </tr> <tr style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <a class="product-link" href="http://www.gog.com/game/drova_forsaken_kin?utm_source=newsletter&amp;utm_medium=email&amp;utm_content=game_subject&amp;utm_campaign=wishlist_email_alert" style="color: #2ba6cb; text-decoration: none;"> <table class="product" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <tbody><tr class="spacer-l" style="padding: 0; vertical-align: top; text-align: left; height: 35px;" valign="top" align="left"> <td colspan="2" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> <tr class="product__image" style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td colspan="2" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <img class="product__img" src="http://images-4.gog.com/08cf272d43b94aca98c3b777e9e99d9c96885fc36f211309592f3ecc030d7e0e_email_520_2x.jpg" alt style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; float: left; clear: both; display: block; border: none; width: 100%;"> </td> </tr> <tr class="spacer-s" style="padding: 0; vertical-align: top; text-align: left; height: 15px;" valign="top" align="left"> <td colspan="2" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> <tr class="product__text" style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <div class="product__title" style="margin-top: -2px; margin-bottom: 2px; font-size: 16px; font-weight: 700; color: #262626; vertical-align: top; padding-right: 20px;"> DROVA - FORSAKEN KIN </div> <div class="product__info" style="font-size: 10px; font-weight: 600; color: #7f7f7f; line-height: 1; vertical-align: bottom; padding-right: 20px;"> WINDOWS + OSX + LINUX <span class="dot" style="padding: 0 4px;">•</span> ROLE-PLAYING <span class="dot" style="padding: 0 4px;">•</span> 2024 <div class="promo-ends" style="line-height: 1.4;"> PROMO ENDS ON JAN 20, 2025, 9:59 AM GMT+3 </div> </div> </td> <td class="product__discount-wrapper right hide-for-small" style="font-family: Lato, Arial, sans-serif; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; font-size: 14px; color: #222222; -ms-hyphens: none; font-weight: normal; margin: 0; line-height: 19px; text-align: right; height: 30px; width: 55px; white-space: nowrap;" width="55" valign="top" align="right"> <span class="product__discount" style="height: 30px; width: 55px; padding: 6px 7px; line-height: 30px; font-weight: 400; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #788795; margin: 0 3px;"> - 15 % </span> <span class="product__price" style="height: 30px; width: 55px; padding: 6px 7px; line-height: 30px; font-weight: 400; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #9fbf00; margin: 0 3px;"> € 21.29 </span> </td> </tr> <tr class="product__text hide-for-desktop" style="padding: 0; vertical-align: top; text-align: left; display: none; width: 0; mso-hide: all; overflow: hidden;" valign="top" align="left"> <td colspan="2" class="product__discount-wrapper product__discount-wrapper--small right" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; font-size: 14px; vertical-align: top; line-height: 19px; margin: 0; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; mso-hide: all; text-align: right; padding: 10px 0 0 0; height: 30px; width: 55px; white-space: nowrap;" width="55" valign="top" align="right"> <span class="product__discount product__discount--small" style="font-weight: 400; mso-hide: all; width: 55px; padding: 6px 7px; line-height: 30px; height: 30px; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #788795; margin: 0 3px 0 0;"> - 15 % </span> <span class="product__price" style="font-weight: 400; mso-hide: all; width: 55px; padding: 6px 7px; line-height: 30px; height: 30px; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #9fbf00; margin: 0 3px;"> € 21.29 </span> </td> </tr> </tbody></table> </a> </td> </tr> <tr style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <a class="product-link" href="http://www.gog.com/game/beyond_shadowgate_special_edition?utm_source=newsletter&amp;utm_medium=email&amp;utm_content=game_subject&amp;utm_campaign=wishlist_email_alert" style="color: #2ba6cb; text-decoration: none;"> <table class="product" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <tbody><tr class="spacer-l" style="padding: 0; vertical-align: top; text-align: left; height: 35px;" valign="top" align="left"> <td colspan="2" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> <tr class="product__image" style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td colspan="2" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <img class="product__img" src="http://images-4.gog.com/2bc593f186627ffde7042ddbd1a34fded5d6f47854e50e9764aa35ff19684d74_email_520_2x.jpg" alt style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; float: left; clear: both; display: block; border: none; width: 100%;"> </td> </tr> <tr class="spacer-s" style="padding: 0; vertical-align: top; text-align: left; height: 15px;" valign="top" align="left"> <td colspan="2" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> <tr class="product__text" style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <div class="product__title" style="margin-top: -2px; margin-bottom: 2px; font-size: 16px; font-weight: 700; color: #262626; vertical-align: top; padding-right: 20px;"> BEYOND SHADOWGATE SPECIAL EDITION </div> <div class="product__info" style="font-size: 10px; font-weight: 600; color: #7f7f7f; line-height: 1; vertical-align: bottom; padding-right: 20px;"> WINDOWS <span class="dot" style="padding: 0 4px;">•</span> ADVENTURE <span class="dot" style="padding: 0 4px;">•</span> 2024 <div class="promo-ends" style="line-height: 1.4;"> PROMO ENDS ON JAN 17, 2025, 9:59 AM GMT+3 </div> </div> </td> <td class="product__discount-wrapper right hide-for-small" style="font-family: Lato, Arial, sans-serif; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; font-size: 14px; color: #222222; -ms-hyphens: none; font-weight: normal; margin: 0; line-height: 19px; text-align: right; height: 30px; width: 55px; white-space: nowrap;" width="55" valign="top" align="right"> <span class="product__discount" style="height: 30px; width: 55px; padding: 6px 7px; line-height: 30px; font-weight: 400; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #788795; margin: 0 3px;"> - 20 % </span> <span class="product__price" style="height: 30px; width: 55px; padding: 6px 7px; line-height: 30px; font-weight: 400; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #9fbf00; margin: 0 3px;"> € 19.59 </span> </td> </tr> <tr class="product__text hide-for-desktop" style="padding: 0; vertical-align: top; text-align: left; display: none; width: 0; mso-hide: all; overflow: hidden;" valign="top" align="left"> <td colspan="2" class="product__discount-wrapper product__discount-wrapper--small right" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; font-size: 14px; vertical-align: top; line-height: 19px; margin: 0; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; mso-hide: all; text-align: right; padding: 10px 0 0 0; height: 30px; width: 55px; white-space: nowrap;" width="55" valign="top" align="right"> <span class="product__discount product__discount--small" style="font-weight: 400; mso-hide: all; width: 55px; padding: 6px 7px; line-height: 30px; height: 30px; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #788795; margin: 0 3px 0 0;"> - 20 % </span> <span class="product__price" style="font-weight: 400; mso-hide: all; width: 55px; padding: 6px 7px; line-height: 30px; height: 30px; border-radius: 3px; font-size: 13px; color: #f2f2f2; background-color: #9fbf00; margin: 0 3px;"> € 19.59 </span> </td> </tr> </tbody></table> </a> </td> </tr> <tr class="spacer-xl" style="padding: 0; vertical-align: top; text-align: left; height: 35px;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> </tbody></table> </td> <td class="container__padding" lang="x-class-container__padding" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; width: 30px;" width="30" valign="top" align="left"></td> </tr> </tbody></table> </td> </tr> <tr style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td class="center" align="center" valign="top" style="word-break: break-word; font-size: 14px; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; text-align: center;"> <center style="width: 100%; min-width: 580px;"> <table class="container" lang="x-class-container" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto;" width="580" valign="top" align="inherit"> <tbody><tr class="galaxy" bgcolor="#3d0d61" background="https://images.gog-statics.com/88dfd6cbbeeab5da5e67a8a0a3c045c354e74c2561416321b946c4b6144056bf.jpg" style="padding: 0; vertical-align: top; text-align: left; background: #3d0d61 url(https://images.gog-statics.com/88dfd6cbbeeab5da5e67a8a0a3c045c354e74c2561416321b946c4b6144056bf.jpg) no-repeat 0 0/580px auto; background-size: 580px auto;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left"> <a href="https://www.gog.com/galaxy?utm_source=newsletter&amp;utm_medium=email&amp;utm_content=game_subject&amp;utm_campaign=wishlist_email_alert" style="color: #2ba6cb; text-decoration: none;"> <table style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <tbody><tr style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td class="galaxy__spacer-left" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; width: 75px;" width="75" valign="top" align="left"></td> <td class="galaxy__text" style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; line-height: 19px; vertical-align: top; -ms-hyphens: none; font-weight: normal; font-family: Lato, Arial, sans-serif; color: #f6d4ff; margin: 0; padding: 16px 0 16px 0; font-size: 12px;" valign="top" align="left"> Try <b>GOG GALAXY our fully optional client</b> to install, play and update your games. It also offers online multiplayer, achievements, chat, game-time tracking and more. </td><td class="galaxy__spacer-right" style="color: #222222; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; -ms-hyphens: none; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; width: 30px;" width="30" valign="top" align="left"></td> </tr> </tbody></table> </a> </td> </tr> <tr class="footer__spacer-top" style="padding: 0; vertical-align: top; text-align: left; height: 30px;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> <tr style="padding: 0; vertical-align: top; text-align: left;" valign="top" align="left"> <td class="center" style="word-break: break-word; font-size: 14px; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; text-align: center;" valign="top" align="center"> <p class="footer__text center" style="margin: 0; font-family: Lato, Arial, sans-serif; font-weight: normal; padding: 0; margin-bottom: 10px; color: #666; line-height: 1.3; font-size: 10px; text-align: center;"> This email is for information purposes only and does not constitute an offer. Specific pricing and discounts may be subject to change. Visit <a class="no-link" href="https://www.gog.com?utm_source=newsletter&amp;utm_medium=email&amp;utm_content=game_subject&amp;utm_campaign=wishlist_email_alert" style="color: inherit; text-decoration: none;">GOG.com</a> for details on individual offers. </p> <p class="footer__text center" style="margin: 0; font-family: Lato, Arial, sans-serif; font-weight: normal; padding: 0; margin-bottom: 10px; color: #666; line-height: 1.3; font-size: 10px; text-align: center;"> These emails are sent out periodically, we'll only notify you about discounts with 24+ hours remaining. Your personal wishlist may include more games on sale. </p> <p class="footer__text center" style="margin: 0; font-family: Lato, Arial, sans-serif; font-weight: normal; padding: 0; margin-bottom: 10px; color: #666; line-height: 1.3; font-size: 10px; text-align: center;"> Copyright © 2025 <a class="no-link" href="https://gog.com?utm_source=newsletter&amp;utm_medium=email&amp;utm_content=game_subject&amp;utm_campaign=wishlist_email_alert" style="color: inherit; text-decoration: none;"> GOG Sp. z o.o. </a>All other trademarks and copyrights are properties of their respective owners.</p> <p class="footer__text center" style="margin: 0; font-family: Lato, Arial, sans-serif; font-weight: normal; padding: 0; margin-bottom: 10px; color: #666; line-height: 1.3; font-size: 10px; text-align: center;"> You've received this mail because you've added items listed above to your <a class="no-link" href="https://www.gog.com?utm_source=newsletter&amp;utm_medium=email&amp;utm_content=game_subject&amp;utm_campaign=wishlist_email_alert" style="color: inherit; text-decoration: none;">GOG.com</a> game release subscriptions. If you prefer not to receive game release notifications in the future, you can <a href="about:blank#redacted" class="text-link" style="color: inherit; text-decoration: underline;">unsubscribe here</a>. </p> <p class="footer__text center" style="margin: 0; font-family: Lato, Arial, sans-serif; font-weight: normal; padding: 0; margin-bottom: 10px; color: #666; line-height: 1.3; font-size: 10px; text-align: center;"> GOG Sp. z o.o., ul. Jagiellońska 74, 03-301 Warsaw, Poland </p> </td> </tr> <tr class="footer__spacer-bottom" style="padding: 0; vertical-align: top; text-align: left; height: 50px;" valign="top" align="left"> <td style="text-align: left; word-break: break-word; hyphens: none; border-collapse: collapse; padding: 0; vertical-align: top; -ms-hyphens: none; color: #222222; font-family: Lato, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;" valign="top" align="left">&nbsp;</td> </tr> </tbody></table> </center> </td> </tr> </tbody></table>

[ultr41337h4xor]

Big thing that didn't occur to me until just now to try - I tried rotating the app and the email was displayed fully. So it seems that only in the standard vertical orientation of the app, the email is not displayed properly.

[hrb-hub]

Can confirm that we were able to reproduce it locally with the provided email. So thank you for the email source and the report, @ultr41337h4xor !

[charlag]

My guess is that images are lazy-loaded and we measure the DOM before they are fully loaded but it could be wrong still