Discrepancies in layout between editor view and view on Gmail client

This issue has been tracked since 2022-08-11.

There are some issues with how emails are appearing on the Gmail client (both mobile and browser).

E.g. this is the view from editor.

image

And this is the view on Gmail client

image

And this is the view on Gmail mobile:

image

As you can see the text elements on gmail all have this weird padding around them doubling their height and spacing everything out. I think also the max-width and min-width for the column box is for some reason getting swapped on gmail client, causing the columns to leak out the side of the screen.

Are there any ways to fix these problems? If not I'm happy to investigate and make a PR

lucasbesen wrote this answer on 2022-08-20

@tahmeednabi can you share the design json?

More Details About Repo
Owner Name unlayer
Repo Name react-email-editor
Full Name unlayer/react-email-editor
Language JavaScript
Created Date 2017-10-01
Updated Date 2022-12-05
Star Count 3598
Watcher Count 48
Fork Count 627
Issue Count 163

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date