Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Additional pixel line appear above image #2630

Closed
TechBill opened this issue Feb 9, 2023 · 7 comments
Closed

Additional pixel line appear above image #2630

TechBill opened this issue Feb 9, 2023 · 7 comments

Comments

@TechBill
Copy link

TechBill commented Feb 9, 2023

Describe the bug
There an extra pixel line that appears above the image

Try it Live link - https://mjml.io/try-it-live/ZptdCiXq-

Very basic MJML a signature box ... no matter what client .. Outlook or Gmail etc .. line still appear above image .. I tried everything like border="0" or padding-"0" on every component possible. Still show a pixel line above the image ..

At first I thought that stupid Outlook bug until I noticed it also happens in other clients too ...

Affected email clients (for rendering issues):
All emails client

Screenshots
Screenshot 2023-02-09 at 3 05 30 PM

Additional context
Add any other context about the problem here.

@iRyusa
Copy link
Member

iRyusa commented Feb 10, 2023

Doesn't seem to appear if you minify the output. Can you confirm ?

It looks like a weird bug with vertical-align: middle

@TechBill
Copy link
Author

It still appear in both Gmail and Outlook with the output mifitfied.

https://mjml.io/try-it-live/_hknWmUcO

@iRyusa
Copy link
Member

iRyusa commented Feb 10, 2023

I'm not able to reproduce on emailonacid:
image

@TechBill
Copy link
Author

I'm not able to reproduce on emailonacid

Web Gmail I don't see this extra pixel but I see it on Apple email with gmail setup and Outlook.

@iRyusa
Copy link
Member

iRyusa commented Feb 10, 2023

Outlook 2016 and 2019 does the same
image
the whiteline should disappear when playing with font size value/ line height and other thing

@iRyusa
Copy link
Member

iRyusa commented Feb 10, 2023

And iOS mail / gmail same :
image

@TechBill
Copy link
Author

Closing this. I was able to fix it by changing the width percentage slightly and it'll disappear.

Example 50% 50% column shows a line and changing it to 49% 51% column removes the line.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants