Last modified: 2014-02-09 23:14:15 UTC
Created attachment 13603 [details] Screenshot2 In both comments and the header text, images are not restricted to conform to the sizing requirements of the page - see screenshots. Obviously this is potentially veeeeery disruptive.
Created attachment 13604 [details] Screenshot1
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 [details] on bug 57962
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...)