Yahoo Breaks Translated Content Due to word-break: break-word;
Realized totally posted this in the wrong forum earlier.
Hoping might get a little more visibility here :)
Recently discovered that on Yahoo!Mail in Chrome on Mac (haven't tested on PC yet) that it has started inserting word-wrap:break-word; on all table elements and I have been unable for the life of me to be able to override the css since Yahoo!Mail keeps stripping out any attempt I make to include the word-wrap css property myself.
Issue isn't detectable on Litmus screenshots.
Does anyone know of any work around for this?
It is causing some of my translated content to have very funny breaks in the middle of words which is starting to become a major issue.
Screenshot below of one of the related issues and of me code inspecting.
(Should be 'gemaakt' one word)
My experience with this issue has nothing to do with translated content. I came across this post while trying to solve the word-break issue for the Yahoo Mail mobile site. word-break doesn't have any negative impact for me on the Yahoo Mail desktop site or mobile app, but the Yahoo Mail mobile site is unnecessarily breaking up my words in headlines and paragraphs. No
 issues, just crazy Yahoo. Yahoo is really the biggest pain in the butt for email design.Anyway, I'm still looking for a solution. inlining 'word-break:normal !important;` doesn't work.
Hi Ian,
Did you figure this one out? I haven't come across this as being an issue with copy personally, but I can confirm I see Yahoo is adding the
word-break.Did you try removing the
? I imagine that would likely fix the issue because with the it's trying to force more copy than can fit in the box onto 1 line, which is whatword-breakhelps with (prevent copy from going outside the box) when used. Not sure if this helps: https://developer.mozilla.org/en-US/docs/Web/CSS/word-breakHopefully this helps you or anyone else who comes across this!