This issue seems to be new, and may well be Google's fault.
Apparently emails that are set as RTL are shown in the wrong size. I don't know whether it's the "correct" size which fails to get scaled down like it always does, or whether it's scaled up for some reason, but the content is stretched beyond the screen's width and cannot be scrolled to.
This doesn't happen on PCs or iPhones, and happens only when the direction is RTL.
You can see it happening with this basic code:
<Table style={{width: '600px', height: '50px', background: '#CCC', 'text-align': 'center'}}>
<TBody><TR><TD style={{width:'600px'}}>Hello</TD></TR></TBody>
</Table>
If Oy is rendered with dir: LTR then everything is fine, but with dir: RTL the whole thing is scaled up, and the centered text can be seen close to the edge. (You can tell it's not an issue with the text's position because the grey background goes all the way to the screen's edge and beyond, instead of the whole thing having a margin like it usually does)
This issue seems to be new, and may well be Google's fault.
Apparently emails that are set as RTL are shown in the wrong size. I don't know whether it's the "correct" size which fails to get scaled down like it always does, or whether it's scaled up for some reason, but the content is stretched beyond the screen's width and cannot be scrolled to.
This doesn't happen on PCs or iPhones, and happens only when the direction is RTL.
You can see it happening with this basic code:
If Oy is rendered with dir: LTR then everything is fine, but with dir: RTL the whole thing is scaled up, and the centered text can be seen close to the edge. (You can tell it's not an issue with the text's position because the grey background goes all the way to the screen's edge and beyond, instead of the whole thing having a margin like it usually does)