Screenshot1

Attached:

The WMF core features team tracks this bug on Mingle card https://mingle.corp.wikimedia.org/projects/flow/cards/370, but people from the community are welcome to contribute here and in Gerrit.

I changed this bug to be a bit more general, since it's not just images that spill out of Flow text fields (e.g., http://ee-flow.wmflabs.org/w/index.php?title=User_talk:Maryana&workflow=0506af29cfae6e5b09a3fa163e68c4ac&action=view#flow-post-0506af29cfba6e5b09a3fa163e68c4ac).

Would it work for this to add a CSS rule:

.flow-post-content * { max-width: 100% !important; max-height: 600px !important; overflow: hidden; }

Image breaking out of post, example: https://www.mediawiki.org/w/index.php?title=Talk:Sandbox&workflow=050c27a75b2dcc146adc842b2b77e796#flow-post-050c27d92fdc23bf2b5f90b11c2788f0

Text breaking out of post, example: attachment 13977 on bug 57962

shahyar+wmfbugzilla wrote:

Andrew, without height: auto, img (with height attr) will not scale proportionally. This would be the CSS rule you're looking for:

.flow-post-content * {

max-width: 100%;
height: auto;
word-wrap: break-word;

}

Though, I don't see this as a serious problem in the post content, since it seems to use overflow: scroll, preventing it from busting out. However, the topic title is currently susceptible to this issue.

Fix for 57962 fixed this in the short-term (though it also introduced some new weirdness...)